Введение в названия цветов HTML

Имена цветов HTML правильно обозначены в пункте. Цвета важны, не только они используются для украшения веб-страницы, но в некоторых случаях вы можете изменить цвет текста, чтобы обеспечить лучшую контрастность на фоне страницы. Учитывая, что HTML написан в текстовой форме, вы не можете просто раскрасить код по своему вкусу и ожидать, что веб-браузер будет использовать тот же цвет при отображении страницы. Вместо этого вам придется прибегнуть к использованию тегов и атрибутов, чтобы сообщить браузеру, какой цвет использовать.

Цвета в HTML

В цветовых именах HTML цвета можно обозначать, используя их шестнадцатеричное значение или его имя. HTML поддерживает большинство распространенных цветов, в этой статье я поделюсь с вами 140 именами и шестнадцатеричными значениями этих цветов.

Следует иметь в виду, что вам не нужно ограничивать себя этими цветами, вы можете использовать любой инструмент выбора цвета, чтобы найти значение Hex для любого цвета и использовать его на своей веб-странице.

Использование имен цветов HTML

Реализация цветов на вашей веб-странице проста и может быть выполнена как внутри, так и через отдельную таблицу стилей CSS.

Если вы собираетесь использовать одни и те же имена цветов HTML на странице несколько раз, лучше использовать CSS-лист для определения и установки цветов. И наоборот, если вам нужно использовать цвет только один или два раза, использование встроенного метода считается лучшим.

1. Использование HTML Color Inline


Brown H3 Heading
Gainsboro colored paragraph text


Brown H3 Heading
Gainsboro colored paragraph text


Brown H3 Heading
Gainsboro colored paragraph text


Brown H3 Heading
Gainsboro colored paragraph text


Brown H3 Heading
Gainsboro colored paragraph text

2. Реализация в CSS

h1 ( color: Brown; )
p ( color: Gainsboro; )

Различные названия цветов HTML

Теперь, когда вы знаете, что такое «Цветовые имена HTML» и как вы можете использовать их на своих страницах, вот ссылка на «Цветовые имена», которую вы можете добавить в закладки и использовать в своих проектах:

1. Серые и черные названия цветов HTML

Серый и черный цвета в большинстве случаев идеально подходят для цвета текста страницы, поскольку на белом фоне эти цвета имеют лучшую читаемость. Следует помнить одну интересную вещь: современные телефоны с OLED-дисплеями нуждаются в аккумуляторе для отображения черного цвета, если ваша аудитория собирается использовать мобильный телефон, поэтому разумно использовать черный цвет в качестве фона, а также белый или другой свет. цвета как цвет переднего плана.

Кодцвет
# 000000черный
# 0C090AНочь
# 2C3539темно-серый цвет
# 2B1B17полуночный
# 34282CУголь
# 25383CТемно-серый шифер
# 3B3131масло
# 413839Черная кошка
# 3D3C3AИридий
# 463E3FЧерный угорь
# 4C4646Черная корова
# 504A4BСерый волк
# 565051Серый вампир
# 5C5858Серый дельфин
# 625D5DСерый карбон
# 666362Пепельно-серый
# 6D6968Облачно серый
# 726E6DДымчатый серый
# 736F6EСерый
# 837E7Cгранит
# 848482Броненосец Грей
# B6B6B4Серое облако
# D1D0CEСерый гусь
# E5E4E2платиновый
# BCC6CCМеталлик серебро
# 98AFC7Серо-голубой
# 6D7B8DСветло-серый шифер
# 657383Шифер серый
# 616D7EДжет Грей

2. Голубые названия цветов HTML

Подчеркнутый синим текст считается ссылкой, поскольку он является стилем ссылок по умолчанию для большинства веб-браузеров, поэтому следует избегать использования синего для всего текста на странице, поскольку посетители могут принять его за гиперссылки.

# 646D7EMist Blue
# 566D7EМраморный Синий
# 737CA1Синий шифер
# 4863A0Стальной синий
# 2B547EГолубая сойка
# 2B3856Темно-синий
# 151B54Темно-синий
# 000080Темно-синий
# 342D7EСиний кит
# 15317EСиний ляпис
# 151B8DДжинсовый темно-синий
# 0000A0Земля Голубая
# 0020C2Синий кобальт
# 0041C2Голубика голубая
# 2554C7Сапфировый синий
# 1569C7Голубые глаза
# 2B60DEКоролевский синий
# 1F45FCГолубая Орхидея
# 6960ECГолубой Лотос
# 736AFFСветло-голубой шифер
# 357EC7Windows Blue
# 368BC1Ледяной Голубой Лед
# 488AC7Шелковый синий
# 3090C7Синий плющ
# 659EC7Синий кои
# 87AFC7Голубая Колумбия
# 95B9C7Нежно голубые
# 728FCEСветло-стальной синий
# 2B65ECСиний океан
# 306EFFГолубая лента
# 157DECГолубое платье
# 1589FFDodger Blue
# 6495EDВасильковый
# 6698FFГолубое небо
# 38ACECГолубая бабочка
# 56A5ECайсберг
# 5CB3FFКристально синий
# 3BB9FFГлубокий небесно-голубой
# 79BAECДжинсовый синий
# 82CAFAСветло-голубой
# 82CAFFДень небесно-голубой
# A0CFECДжинсы синие
# B7CEECСиний ангел
# B4CFECПастельно-синий
# C2DFFFСинее море
# C6DEFFПорошок синий
#AFDCECКораллово-синий
#ADDFFFСветло-синий
#BDEDFFРобин Яичный Синий
#CFECECБледно-голубая лилия
# E0FFFFСветло-голубой
# EBF4FAвода
# F0F8FFAliceBlue
# F0FFFFлазурный
#CCFFFFЛегкий сланец
# 93FFE8Легкий Аквамарин
# 9AFEFFЭлектрический синий
# 7FFFD4Аквамарин
# 00FFFFГолубой или Аква
# 7DFDFEТрон Блю
# 57FEFFСиний циркон
# 8EEBECГолубая лагуна
# 50EBECCeleste
# 4EE2ECГолубой бриллиант
# 81D8D0Тиффани Блю
# 92C7C7Cyan Opaque
# 77BFC7Голубая Хоста
# 78C7C7Северное сияние синее
# 48CCCDСредний бирюзовый
# 43C6DBБирюзовый
# 46C7C7медуза
# 7BCCB5Цвет морской волны

3. Зеленые цвета HTML

На сайтах, связанных с природой, деньгами, окружающей средой и т. Д., Зеленый может быть хорошим выбором цвета для использования в качестве фона.

# 43BFC7Ара синий зеленый
# 3EA99FСветло-зеленый
# 3B9C9CТемно-бирюзовый
# 438D80Морская черепаха Зеленая
# 348781Средний Аквамарин
# 307D7EЗеленовато-синий
# 5E7D7EСеровато-бирюзовый
# 4C787EЖук Зеленый
# 008080чирок
# 4E8975Цвет морской волны
# 78866BЗеленый камуфляж
# 848b79Зеленый шалфей
# 617C58Хейзел Грин
# 728C00Venom Green
# 667C26Папоротник зеленый
# 254117Темно-зеленый лес
# 306754Средний морской зеленый
# 347235Средний Форест Грин
# 437C17Водоросли зеленые
# 387C44Пайн Грин
# 347C2CДжунгли Грин
# 347C17Shamrock Green
# 348017Средний Весенний Зеленый
# 4E9258Зеленый лес
# 6AA121Зеленый лук
# 4AA02CВесенний зеленый
# 41A317Зеленый лайм
# 3EA055Зеленый Клевер
# 6CBB3CЗеленая Змея
# 6CC417Чужой Грин
# 4CC417Зеленое яблоко
# 52D017Желто-зеленый
# 4CC552Келли зеленый
# 54C571Зомби Грин
# 99C68EЛягушка зеленая
# 89C35CЗеленый горошек
# 85BB65Доллар Билл Грин
# 8BB381Темно-зеленый Зеленый
# 9CB071Игуана Грин
# B2C248Зеленый авокадо
# 9DC209Фисташковый зеленый
# A1C935Салат зеленый
# 7FE817Колибри Зеленый
# 59E817Туманность зеленый
# 57E964Светофор Go Green
# 64E986Зеленые водоросли
# 5EFB6EНефрит зеленый
# 00FF00зеленый
# 5FFB17Изумрудно-зеленый
# 87F717Зеленый газон
# 8AFB17картезианский монастырь
# 6AFB92Зеленый дракон
# 98FF98мятно-зеленый
# B5EAAAЗеленый большой палец
# C3FDB8Свет нефрита
# CCFB5DЧай зеленый
# B1FB17Желто-зеленый
# BCE954Зеленая слизь
# EDDA74Goldenrod
# EDE275Урожай золота
# FFE87CСолнце желтый

4. Желтые названия цветов HTML

Желтый может быть использован, чтобы установить несерьезное настроение, проявить креативность и оптимизм на странице. Имейте в виду, что желтый цвет лучше работает в качестве фона, чем цвет текста.

# FFFF00желтый
# FFF380Желтая кукуруза
# FFFFC2Пергамент
#FFFFCCПломбир
# FFF8C6Лимон шифон
# FFF8DCКукурузные рыльца
# F5F5DCБежевый
# FBF6D9Блондинка
# FAEBD7AntiqueWhite
# F7E7CEшампанское
#FFEBCDBlanchedAlmond
# F3E5ABваниль
# ECE5B6Тан Браун
# FFE5B4персик
# FFDB58горчичный
# FFD801Резиновая уточка желтая
# FDD017Яркое золото
# EAC117золотисто-коричневый
# F2BB66Макароны с сыром
# FBB917Шафран
# FBB117Пиво
# FFA62FМускусная дыня
# E9AB17Пчелиный желтый

5. Коричневые цвета HTML

Коричневый фон может затруднить чтение белого или черного текста, вы можете прибегнуть к использованию других цветов, которые имеют хороший контраст с вашим коричневым оттенком.

# E2A76FКоричневый сахар
# DEB887BurlyWood
# FFCBA4Глубокий персик
# C9BE62Имбирь коричневый
# E8A317Школьный Автобус Желтый
# EE9A4DСэнди Браун
# C8B560Осенний лист Браун
# D4A017Оранжевое золото
# C2B280песок
# C7A317Коричневый Печенье
# C68E17карамель
# B5A642латунь
# ADA96EЦвет хаки
# C19A6BВерблюжий коричневый
# CD7F32бронза
# C88141Тигровый апельсин
# C58917корица
# AF9B60Bullet Shell
# AF7817Темный золотарник
# B87333медь
# 966F33Дерево
# 806517Дуб Браун
# 827839мокасин
# 827B60Армейский коричневый
# 786D5Fпесчаник
# 493D26кофе мокко
# 483C32темно-серый
# 6F4E37Кофе
# 835C3BБурый медведь
# 7F5217Красная грязь
# 7F462CСепия

6. Оранжевые цвета HTML

Оранжевый отлично работает, чтобы выделить точку, когда цвет используется в качестве фона, и он может вызывать чувство энтузиазма и тепла, не будучи слишком липким. Оранжевые цвета HTML

# C47451Апельсиновый лосось
# C36241Ржавчина
# C35817Рыжая лиса
# C85A17Шоколад
# CC6600Sedona
# E56717Папайя апельсин
# E66C2CХэллоуин апельсин
# F87217Тыквенный апельсин
# F87431Строительный Конус Оранжевый
# E67451Sunrise Orange
# FF8040Манго Апельсин
# F88017Темно-оранжевый
# FF7F50коралловый
# F88158Корзина Ball Orange
# F9966BЛегкий лосось
# E78A61мандарин
# E18B6BТемный лосось
# E77471Светлый Коралл
# F75D59Красный боб
# E55451Валентина красный
# E55B3CШокирующий Апельсин

7. Красные HTML Цветовые коды

В некоторых браузерах красный подчеркнутый текст используется в качестве посещаемых ссылок, его следует избегать, чтобы не запутывать посетителей.

# FF0000красный
# FF2400алый
# F62217Рубиново-красный
# F70D1AFerrari Red
# F62817Пожарная машина красный
# E42217Красный лавы
# E41B17Люблю красный
# DC381FГрейпфрут
# C34A2CКаштановый красный
# C24641Вишнево-красный
# C04000красное дерево
# C11B17Перец чили
# 9F000FКлюква
# 990012Красное вино
# 8C001AБургундия
# 954535каштан
# 7E3517Кроваво красный
# 8A4117охра
# 7E3817Сангрия
# 800517огнеупорный кирпич
# 810541каштановый
# 7D0541Сливовый пирог
# 7E354DБархатный бордовый
# 7D0552Сливовый бархат
# 7F4E52Роуз Финч
# 7F5A58красновато-коричневый
# 7F525DТусклый фиолетовый
# B38481Розовый коричневый
# C5908EХаки роза

8. Розовый HTML Цветовые коды

Согласно науке о цвете, розовый и его оттенки можно использовать, если вы хотите, чтобы посетитель чувствовал уверенность, утонченность и тепло в своем подсознании.

# C48189Розовый бант
# C48793Розовая помада
# E8ADAAРоза
# ECC5C0Розовое золото
# EDC9AFПесок пустыни
# FDD7E4Свинья Пинк
#FCDFFFСахарная вата
#FFDFDDРозовая жевательная резинка
# FBBBB9Мисти Роуз
#FAAFBEрозовый
#FAAFBAСветло-розовый
# F9A7B0Фламинго розовый
# E7A1B0Розовая роза
# E799A3Розовая маргаритка
# E38AAEКадиллак Пинк
# F778A1Гвоздика розовая
# E56E94Красновато-красный
# F660ABЯрко-розовый
# FC6C85Арбуз Розовый
# F6358AФиолетовый красный
# F52887Темно-розовый
# E45E9DРозовый кекс
# E4287CРозовый лемонад
# F535AAНеоновый розовый
# FF00FFфуксин
# E3319DDimorphotheca Magenta
# F433FFЯркий неоновый розовый
# D16587Бледно-фиолетовый красный
# C25A7CТюльпан розовый
# CA226BСредний Фиолетовый Красный
# C12869Rogue Pink
# C12267Утомленный розовый
# C25283Застенчивый розовый
# C12283Темно-розовая гвоздика
# B93B8Fслива

9. Фиолетовый и белый цветовые коды HTML

Использование белого текста на белом фоне сделает его нечитаемым для пользователей, и, помимо того, что он не будет дружественным к пользователю, вы можете получить штраф за SEO для своего сайта, поэтому всегда используйте белый и другие светлые цвета на темном фоне.

# 7E587EВиола Фиолетовая
# 571B7EФиолетовый ирис
# 583759Слива Фиолетовая
# 4B0082Индиго
# 461B7EФиолетовый монстр
# 4E387EФиолетовый туман
# 614051Баклажан
# 5E5A80виноград
# 6A287EФиолетовый джем
# 7D1B7EТемная орхидея
# A74AC7Фиолетовый цветок
# B048B5Средняя Орхидея
# 6C2DC7Фиолетовый Аметист
# 842DCEТемно-фиолетовый
# 8D38C9Фиолетовый
# 7A5DC7Фиолетовый шалфей
# 7F38ECПрекрасный фиолетовый
# 8E35EFФиолетовый
# 893BFFAztech Purple
# 8467D7Средний фиолетовый
# A23BECЖасмин фиолетовый
# B041FFФиолетовый нарцисс
# C45AECTyrian Purple
# 9172ECКрокус Фиолетовый
# 9E7BFFФиолетовая мимоза
# D462FFГелиотроп Фиолетовый
# E238ECмалиновый цвет
# C38EC7Фиолетовый дракон
# C8A2C8Сирень
# E6A9ECРозовато-розовый
# E0B0FFрозовато-лиловый
# C6AEC7Глициния Фиолетовая
# F9B7FFBlossom Pink
# D2B9D3чертополох
# E9CFECбарвинок малый
# EBDDE2Лаванда буратино
# E3E4FAЛавандовый синий
# FDEEF4жемчужный
# FFF5EEМорская ракушка
#FEFCFFМолочно-белый
#FFFFFFбелый

Некоторые наиболее часто используемые цветовые коды HTML

Это некоторые из популярных цветов, используемых в Интернете, я поместил их в отдельную таблицу, чтобы их можно было быстро найти.

красный# FF0000белый#FFFFFF
Cyan# 00FFFFСеребряный# C0C0C0
синий# 0000FFСерый или серый# 808080
Темно-синий# 0000A0черный# 000000
Светло-синий# ADD8E6апельсин# FFA500
Фиолетовый# +800080коричневый# A52A2A
желтый# FFFF00каштановый# 800000
Лайм# 00FF00зеленый# 008000
фуксин# FF00FFоливковый# 808000

Вывод

Теперь, когда у вас есть краткие справочные таблицы общих цветов HTML, вы сможете использовать любой цвет на своей странице. С творческой точки зрения, вам следует избегать использования резких цветов, если вы можете и при работе с внешним интерфейсом сайта, сохранение фоновой графики или цветов также важно для обеспечения надлежащей контрастности.

Рекомендуемые статьи

Это руководство по цветным именам HTML. Здесь мы обсуждаем, как реализовать цвета на веб-странице, используя различные цвета HTML с примерами. Вы также можете просмотреть наши другие предлагаемые статьи, чтобы узнать больше -

  1. Стили HTML-шрифтов
  2. HTML атрибуты
  3. Таблицы стилей HTML
  4. Как работает HTML
  5. Цвета в Matlab | Как изменить стиль в Matlab?

Категория:

Инструменты веб-разработки