Вступ до імен кольорів HTML

Імена кольорів HTML належним чином позначені у абз. Кольори важливі, вони не тільки використовуються для прикраси веб-сторінки, але в деяких випадках ви можете змінити колір тексту, щоб забезпечити кращий контраст на тлі сторінки. Зважаючи на те, що HTML є написаним у текстовій формі, ви не можете просто розфарбувати код на свій смак і очікувати, що веб-браузер використовуватиме той самий колір при візуалізації сторінки. Натомість вам доведеться вдатися до використання тегів та атрибутів, щоб вказати браузеру, який колір використовувати.

Кольори в HTML

У назвах кольорів HTML кольори можна позначати, використовуючи їх шістнадцяткове значення або його ім'я. У HTML є підтримка найбільш поширених кольорів, у цій статті я поділюся з вами 140 іменами та шістнадцятковими значеннями цих кольорів.

Слід пам’ятати, що вам не потрібно обмежувати себе цими кольорами, ви можете використовувати будь-який інструмент вибору кольору, щоб знайти шістнадцяткове значення будь-якого кольору і використовувати його на своїй веб-сторінці.

Використання імен кольорів HTML

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

Коли ви будете використовувати одні і ті ж назви кольорів HTML на сторінці кілька разів, краще визначити CSS Sheet для визначення та встановлення кольорів. І навпаки, якщо вам доведеться використовувати колір лише один або два рази, використання вбудованого методу вважається кращим.

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Опівночі
# 34282СДеревне вугілля
# 25383СТемний шифер сірий
# 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

Синій підкреслений текст вважається посиланням, оскільки це стиль посилання за замовчуванням для більшості веб-браузерів, вам слід уникати використання синього для всього тексту на сторінці, оскільки відвідувачі можуть помилитися з ним за гіперпосилання.

# 646D7EТуман блакитний
# 566D7EМармуровий блакитний
# 737CA1Шифер блакитний
# 4863A0Сталевий синій
# 2B547EBlue Jay
# 2B3856Темний шифер блакитний
# 151B54Полуночний синій
# 000080Темно-синій
# 342D7EСиній кит
# 15317ELapis Blue
# 151B8DДжинсовий темно-синій
# 0000A0Земля синя
# 0020C2Кобальт синій
# 0041C2Чорничний блакитний
№2554С7Сапфіровий блакитний
# 1569С7Блакитні очі
# 2B60DEКоролівський синій
# 1F45FCБлакитна орхідея
# 6960ECБлакитний лотос
# 736АФФСвітлий блакитний шифер
# 357EC7Windows Blue
# 368BC1Льодовиковий блакитний лід
# 488AC7Шовково-блакитний
# 3090C7Синій Плющ
# 659EC7Синій Кой
№ 87AFC7Columbia Blue
# 95B9C7Дитячий блакитний
# 728FCEСвітло-сталевий синій
№2B65ECОкеанський блакитний
# 306EFFБлакитна стрічка
№157DECСинє плаття
# 1589FFДодж Блю
# 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Блакитна лагуна
# 50EBECСелесте
# 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Джунглі зелені
# 347C17Шемрок Грін
# 348017Середня весна зелена
# 4E9258Лісовий зелений
# 6AA121Зелена цибуля
# 4AA02CВесняний зелений
# 41A317Зелений лайм
# 3EA055Конюшина зелена
# 6CBB3CЗелена змія
# 6CC417Чужий зелений
# 4CC417Зелене яблуко
# 52D017Жовтий зелений
# 4CC552Келлі Грін
# 54C571Zombie Green
# 99C68EЖаба зелена
# 89C35CЗелений горошок
# 85BB65Долар Білл Зелений
# 8BB381Темноморський зелений
# 9CB071Ігуана Грін
# B2C248Авокадо зелений
# 9DC209Фісташка зелена
# A1C935Салат зелений
# 7FE817Колібрі зелені
# 59E817Туманність зелена
# 57E964Stoplight Go Green
# 64E986Водорості зелені
# 5EFB6EДжейд Грін
# 00FF00Зелений
# 5FFB17Смарагдовий зелений
# 87F717Газон зелений
# 8AFB17Шартрез
# 6AFB92Дракон Зелений
# 98FF98М’ята зелена
# B5EAAAЗелений великий палець
# C3FDB8Легкий нефрит
# CCFB5DЧай зелений
# B1FB17Зелений жовтий
# BCE954Слиз зелений
# EDDA74Голденрод
# EDE275Золото врожаю
# FFE87CСонячно-жовтий

4. Назви кольорів жовтого HTML

Жовтий можна використовувати для встановлення несерйозного настрою, проявлення творчості та оптимізму на сторінці. Майте на увазі, що жовтий працює краще як фон, ніж колір тексту.

# FFFF00Жовтий
# FFF380Кукурудза жовта
# FFFFC2Пергамент
#FFFFCCКрем
# FFF8C6Лимонний шифон
# FFF8DCКукурудзяна каша
# F5F5DCБежевий
# FBF6D9Блондинка
# FAEBD7AntiqueWhite
# F7E7CEШампанське
#FFEBCDБланшований Алмонд
# F3E5ABВаніль
# ECE5B6Тан Браун
# FFE5B4Персик
# FFDB58Гірчиця
# FFD801Гума Ducky Yellow
# 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Кориця
# AF9B60Кульова оболонка
# AF7817Темний Голденрод
# B87333Мідь
# 966F33Деревина
# 806517Дуб коричневий
# 827839Мокасин
# 827B60Армія Браун
# 786D5FПісковик
# 493D26Мокко
# 483C32Taupe
# 6F4E37Кава
# 835C3BБурий ведмідь
# 7F5217Червоний бруд
# 7F462CСепія

6. Помаранчеві кольори HTML

Помаранчевий чудово працює, щоб виділити крапку, коли колір використовується як фон, і він може викликати відчуття ентузіазму та тепла, не будучи занадто липким.6. Помаранчеві кольори HTML

# C47451Апельсиновий лосось
# C36241Іржа
# C35817Червона лисиця
# C85A17Шоколад
# CC6600Седона
# E56717Папайя апельсин
# E66C2CХеллоуїн апельсин
# F87217Гарбузовий апельсин
# F87431Конструкція конус помаранчевий
# E67451Помаранчевий схід сонця
# FF8040Манго апельсин
# F88017Темно-помаранчевий
# FF7F50Коралів
# F88158Помаранчевий м'яч кошик
# 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Сангрія
# 800517Firebrick
# 810541Maroon
# 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Середній фіолетовий червоний
# C12869Рожевий рожевий
# C12267Спалений рожевий
# C25283Барвистий рожевий
# C12283Темна гвоздика рожева
# B93B8FСлива

9. Кольорові коди фіолетового та білого кольорів

Використання білого тексту тексту на білому тлі зробить його нечитабельним для користувачів, окрім того, що він не є зручним для користувачів, ви можете отримати SEO-покарання для свого сайту, таким чином, завжди використовуйте білий та інші світлі кольори на темному тлі.

# 7E587EВіола фіолетова
# 571B7EФіолетовий ірис
# 583759Слива фіолетова
# 4B0082Індиго
# 461B7EФіолетовий монстр
# 4E387EPurple Haze
# 614051Баклажани
# 5E5A80Виноград
# 6A287EФіолетове варення
# 7D1B7EТемна орхідея
# A74AC7Фіолетовий квітка
# B048B5Середня орхідея
# 6C2DC7Фіолетовий Аметист
# 842DCEТемна фіалка
# 8D38C9Фіолетовий
# 7A5DC7Фіолетовий шавлія кущовий
# 7F38ECПрекрасний фіолетовий
# 8E35EFФіолетовий
# 893BFFAztech Purple
# 8467D7Середній фіолетовий
# A23BECЖасмін фіолетовий
# B041FFФіолетовий нарцис
# C45AECТирійський фіолетовий
# 9172ECКрокус фіолетовий
# 9E7BFFФіолетова Мімоза
# D462FFГеліотроп фіолетовий
# E238ECБагряний
# C38EC7Фіолетовий Дракон
# C8A2C8Бузок
# E6A9ECРум’яна рум'яна
# E0B0FFМов
# C6AEC7Вістерія фіолетова
# F9B7FFЦвітіння рожеве
# D2B9D3Розторопша
# E9CFECPeriwinkle
# EBDDE2Лавандовий Буратіно
# E3E4FAЛаванда синя
# FDEEF4Перлина
# FFF5EESeaShell
#FEFCFFМолоко біле
#FFFFFFБілий

Деякі найбільш використовувані HTML кольорові коди

Це деякі популярні кольори, які використовуються в Інтернеті, я помістив їх в окрему таблицю, щоб їх можна було швидко знайти.

Червоний# FF0000Білий#FFFFFF
Синя# 00FFFFСрібло# C0C0C0
Синій# 0000FFСірий або сірий# 808080
Темно-синій# 0000A0Чорний# 000000
Блакитний# ADD8E6Помаранчевий# FFA500
Фіолетовий# 800080Коричневий# A52A2A
Жовтий# FFFF00Maroon# 800000
Вапно# 00FF00Зелений# 008000
Пурпуровий# FF00FFОливкова# 808000

Висновок

Тепер, коли у вас є короткі довідкові таблиці загальних HTML-кольорів, ви повинні мати можливість використовувати будь-який колір, який ви хочете на своїй сторінці. З творчої точки зору вам слід уникати різких кольорів, якщо ви можете та під час роботи з лицьовим кінцем сайту, збереження фонової графіки чи кольорів також важливо для забезпечення належного контрасту.

Рекомендовані статті

Це посібник з назви кольорів HTML. Тут ми обговорюємо, як реалізувати кольори на веб-сторінці, використовуючи різні кольори HTML з прикладами. Ви також можете ознайомитися з іншими запропонованими нами статтями, щоб дізнатися більше -

  1. Стилі шрифтів HTML
  2. Атрибути HTML
  3. Таблиці стилів HTML
  4. Як працює HTML
  5. Кольори в Матлабі | Як змінити стиль в Matlab?