Кольори html позначаються шістьма символами після символу слеш - наприклад, # 000000. Ці шість символів позначають частки різних кольорів (Червоного, Зеленого та Синього кольорів (Red, Green, Blue)) в підсумковому кольорі. У моніторі вашого ком'ютера зображення формується з величезної кількості точок, які називаються пікселями. Кожен піксель - це маленький джерело світла, назвемо його "ліхтарик", який в свою чергу складається з трьох ліхтариків - червоного, зеленого і синього кольору. Зменшуючи або збільшуючи інтенсивність свічення окремих кольорових ліхтариків, ми отримуємо потрібний колір.
Коди квітів html
Кольори в HTML позначаються шістнадцяткові (HEX) позначенням поєднання червоного, синього і зеленого кольору (RGB).
Найменшим значенням кольору є 0 (шестнадцатиричное 00). Найбільшим значенням кольору є 255 (шестнадцатиричное FF).
Шестнадцатиричное значення кольору вдає із себе три цифри, що починаються зі знака #.
Коди (значення) квітів
колір | код HEX | код RGB |
---|---|---|
#000000 | rgb (0,0,0) | |
# FF0000 | rgb (255,0,0) | |
# 00FF00 | rgb (0,255,0) | |
# 0000FF | rgb (0,0,255) | |
# FFFF00 | rgb (255,255,0) | |
# 00FFFF | rgb (0,255,255) | |
# FF00FF | rgb (255,0,255) | |
# C0C0C0 | rgb (192,192,192) | |
#FFFFFF | rgb (255,255,255) |
16 мільйонів відтінків
Поєднання червоного, синього і зеленого кольорів зі значеннями з часткою кожного кольору від 0 до 255 дають в сумі понад 16 мільйонів відтінків (256 x 256 x 256).
більшість сучасних моніторів здатні відобразити не менш 16384 різних відтінків (РК-монітори, в основному, здатні відображати 262 тисячі 16 мільйонів (Оновлено о жовтні 2013) кольорів, а ЕПТ-монітори здатні відображати практично необмежену кількість квітів).
У колірній таблиці нижче наведено зміна частки червоного кольору з 0 до 255 при нульових значеннях синього і зеленого кольорів:
червоний | код HEX | код RGB |
---|---|---|
#000000 | rgb (0,0,0) | |
#080000 | rgb (8,0,0) | |
#100000 | rgb (16,0,0) | |
#180000 | rgb (24,0,0) | |
#200000 | rgb (32,0,0) | |
#280000 | rgb (40,0,0) | |
#300000 | rgb (48,0,0) | |
#380000 | rgb (56,0,0) | |
#400000 | rgb (64,0,0) | |
#480000 | rgb (72,0,0) | |
#500000 | rgb (80,0,0) | |
#580000 | rgb (88,0,0) | |
#600000 | rgb (96,0,0) | |
#680000 | rgb (104,0,0) | |
#700000 | rgb (112,0,0) | |
#780000 | rgb (120,0,0) | |
#800000 | rgb (128,0,0) | |
#880000 | rgb (136,0,0) | |
#900000 | rgb (144,0,0) | |
#980000 | rgb (152,0,0) | |
# A00000 | rgb (160,0,0) | |
# A80000 | rgb (168,0,0) | |
# B00000 | rgb (176,0,0) | |
# B80000 | rgb (184,0,0) | |
# C00000 | rgb (192,0,0) | |
# C80000 | rgb (200,0,0) | |
# D00000 | rgb (208,0,0) | |
# D80000 | rgb (216,0,0) | |
# E00000 | rgb (224,0,0) | |
# E80000 | rgb (232,0,0) | |
# F00000 | rgb (240,0,0) | |
# F80000 | rgb (248,0,0) | |
# FF0000 | rgb (255,0,0) |
Відтінки сірого
Для отримання відтінків сірого кольору використовуються рівні частки всіх кольорів. Для полегшення вибору потрібного кольору ми наводимо вам коди відтінків сірого кольору
Відтінки сірого | код HEX | код RGB |
---|---|---|
#000000 | rgb (0,0,0) | |
#080808 | rgb (8,8,8) | |
#101010 | rgb (16,16,16) | |
#181818 | rgb (24,24,24) | |
#202020 | rgb (32,32,32) | |
#282828 | rgb (40,40,40) | |
#303030 | rgb (48,48,48) | |
#383838 | rgb (56,56,56) | |
#404040 | rgb (64,64,64) | |
#484848 | rgb (72,72,72) | |
#505050 | rgb (80,80,80) | |
#585858 | rgb (88,88,88) | |
#606060 | rgb (96,96,96) | |
#686868 | rgb (104,104,104) | |
#707070 | rgb (112,112,112) | |
#787878 | rgb (120,120,120) | |
#808080 | rgb (128,128,128) | |
#888888 | rgb (136,136,136) | |
#909090 | rgb (144,144,144) | |
#989898 | rgb (152,152,152) | |
# A0A0A0 | rgb (160,160,160) | |
# A8A8A8 | rgb (168,168,168) | |
# B0B0B0 | rgb (176,176,176) | |
# B8B8B8 | rgb (184,184,184) | |
# C0C0C0 | rgb (192,192,192) | |
# C8C8C8 | rgb (200,200,200) | |
# D0D0D0 | rgb (208,208,208) | |
# D8D8D8 | rgb (216,216,216) | |
# E0E0E0 | rgb (224,224,224) | |
# E8E8E8 | rgb (232,232,232) | |
# F0F0F0 | rgb (240,240,240) | |
# F8F8F8 | rgb (248,248,248) | |
#FFFFFF | rgb (255,255,255) |
Крос-браузерні (для всіх браузерів) назви кольорів html
Колекція з 150 назв квітів в html, підтримуваних у всіх браузерах.
Стандартизовані назви кольорів
Консорціум W3C перераховує 16 валідних назв квітів для HTML і CSS: aqua (аквамарин), black (чорний), blue (синій), fuchsia (фуксіновий), gray (сірий), green (зелений), lime (лайм або салатовий), maroon (каштановий), navy (ультрамарин), olive (оливковий), purple (пурпурний), red (червоний), silver (сріблястий), teal (сизий), white (білий) і yellow (жовтий).
При використанні кольорів, що не входять в цей список, правильніше буде використовувати їх шістнадцятковий код (HEX) або код RGB.
безпечні кольори
Кілька років тому, коли комп'ютери могли підтримувати максимум 256 різних кольорів, був запропонований список з 216 «Безпечних web-кольорів» з 40 квітами, зарезервованими для системи.
Ця 216-кольорова палітра була створена для того, щоб правильно відобразити кольору в режимі 256-колірної гами.
Тепер це не важливо, тому що більшість комп'ютерів у всьому світі підтримують мільйони відтінків кольору. У будь-якому випадку ось список цих квітів:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
На цій сторінці наведено таблицю з ключовими словами, які можна використовувати для позначення кольорів в таких мовах Web-розробника як: HTML, CSS, JavaScript, Flash, і ін.
У старих спеціфікаціяк концерну WC3 було прописано лише 16 ключових слів, за допомогою яких встановлювалися кольору в HTML і CSS. У подальших, більш сучасних специфікаціях, було додано ще 130 ключових слів для позначення назв квітів. Наступна таблиця містить імена квітів, шістнадцятковий і RGB коди, яким вони відповідають.
Відповідно до правил CSS імена кольорово не чутливі до регістру. Записи кольору IndianRed і indianred рівнозначні.
Також варто звернути увагу, що з 146 ключових слів таблиці, квітів в ній насправді менше. Це викликано тим, що деякі ключові слова позначають один і той же колір. Так імена Grey, і Gray позначають 50-відсотковий сірий колір з кодом # 808080, а слово Magenta - це синонім HTML кольору Fuchsia, відповідного шістнадцятиричним коду # FF00FF. Також синонімами є слова Aqua і Cyan, вони відповідають коду # 00FFFF.
|
|
Для завдання квітів використовуються числа в шістнадцятковому коді. Шістнадцяткова система, на відміну від десяткової системи, базується, як випливає з її назви, на числі 16. Цифри будуть наступні: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Цифри від 10 до 15 замінені латинськими буквами. Числа більше 15 в шістнадцятковій системі утворюються об'єднанням двох чисел в одне. Наприклад, числу 255 в десятковій системі відповідає число FF в шістнадцятковій системі. Щоб не виникало плутанини у визначенні системи числення, перед шістнадцятковим числом ставлять символ грат #, наприклад # 666999. Кожен з трьох кольорів - червоний, зелений і синій - може набувати значень від 00 до FF. Таким чином, позначення кольору розбивається на три складові #rrggbb, де перші два символи відзначають червону компоненту кольору, два середніх - зелену, а два останніх - синю. Допускається використовувати скорочену форму виду #rgb, де кожен символ слід подвоювати. Так, запис # fe0 слід розцінювати як # ffee00.
за назвою
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Браузери підтримують деякі кольори по їх назві. У табл. 1 наведені назви, шістнадцятковий код, значення в форматі RGB, HSL і опис.
ім'я | колір | код | RGB | HSL | опис |
---|---|---|---|---|---|
white | #ffffff або #fff | rgb (255,255,255) | hsl (0,0%, 100%) | білий | |
silver | # c0c0c0 | rgb (192,192,192) | hsl (0,0%, 75%) | сірий | |
gray | #808080 | rgb (128,128,128) | hsl (0,0%, 50%) | Темно-сірий | |
black | # 000000 або # 000 | rgb (0,0,0) | hsl (0,0%, 0%) | чорний | |
maroon | #800000 | rgb (128,0,0) | hsl (0,100%, 25%) | Темно червоний | |
red | # Ff0000 або # f00 | rgb (255,0,0) | hsl (0,100%, 50%) | червоний | |
orange | # ffa500 | rgb (255,165,0) | hsl (38.8,100%, 50%) | помаранчевий | |
yellow | # Ffff00 або # ff0 | rgb (255,255,0) | hsl (60,100%, 50%) | жовтий | |
olive | #808000 | rgb (128,128,0) | hsl (60,100%, 25%) | оливковий | |
lime | # 00ff00 або # 0f0 | rgb (0,255,0) | hsl (120,100%, 50%) | Світло зелений | |
green | #008000 | rgb (0,128,0) | hsl (120,100%, 25%) | зелений | |
aqua | # 00ffff або # 0ff | rgb (0,255,255) | hsl (180,100%, 50%) | блакитний | |
blue | # 0000ff або # 00f | rgb (0,0,255) | hsl (240,100%, 50%) | синій | |
navy | #000080 | rgb (0,0,128) | hsl (240,100%, 25%) | Темно синій | |
teal | #008080 | rgb (0,128,128) | hsl (180,100%, 25%) | Синьо-зелений | |
fuchsia | # Ff00ff або # f0f | rgb (255,0,255) | hsl (300,100%, 50%) | рожевий | |
purple | #800080 | rgb (128,0,128) | hsl (300,100%, 25%) | фіолетовий |
За допомогою RGB
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Можна визначити колір, використовуючи значення червоної, зеленої та синьої компоненти в десятковому численні. Кожна з трьох компонент кольору приймає значення від 0 до 255. Також допустимо ставити колір в процентному відношенні, при цьому 100% буде відповідати числу 255. Спочатку вказується ключове слово rgb, а потім в дужках, через кому вказуються компоненти кольору, наприклад rgb (255 , 128, 128) або rgb (100%, 50%, 50%).
RGBA
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Формат RGBA схожий по синтаксису на RGB, але включає в себе альфа-канал, що задає прозорість елемента. Значення 0 відповідає повній прозорості, 1 - непрозорості, а проміжне значення на зразок 0.5 - напівпрозорості.
RGBA доданий в CSS3, тому валідацію CSS-коду треба проводити саме за цією версією. Слід зазначити, що стандарт CSS3 ще знаходиться в розробці і деякі можливості в ньому можуть помінятися. Наприклад, колір в форматі RGB доданий до властивості background-color проходить валідацію, а доданий до властивості background вже немає. При цьому браузери цілком коректно розуміють колір для того і іншого властивості.
HSL
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Назва формату HSL утворено від сполучення перших букв Hue (відтінок), Saturate (насиченість) і Lightness (світлини). Відтінок це значення кольору на колірному колі (рис. 1) і задається в градусах. 0 ° відповідає червоному кольору, 120 ° - зеленому, а 240 ° - синього. Значення відтінку може змінюватися від 0 до 359.
Мал. 1. Кольоровий круг
Насиченістю називається інтенсивність кольору, вимірюється у відсотках від 0% до 100%. Значення 0% означає відсутність кольору і відтінок сірого, 100% максимальне значення насиченості.
Светлота задає, наскільки колір яскравий і вказується у відсотках від 0% до 100%. Малі значення роблять колір темніше, а високі світліше, крайні значення 0% і 100% відповідають чорному і білому кольору.
HSLA
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Формат HSLA схожий по синтаксису на HSL, але включає в себе альфа-канал, що задає прозорість елемента. Значення 0 відповідає повній прозорості, 1 - непрозорості, а проміжне значення на зразок 0.5 - напівпрозорості.
Значення кольору в форматах RGBA, HSL і HSLA додані в CSS3, тому при використанні цих форматів перевіряйте код на валідність з урахуванням версії.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
попередження
Всі перераховані на сайті методи лову лева є теоретичними і базуються на обчислювальних методах. Автори не гарантують вашої безпеки при їх використанні і знімають з себе будь-яку відповідальність за результат. Пам'ятайте, лев це хижак і небезпечна тварина!
результат даного прикладу показаний на рис. 2.
Мал. 2. Кольори на веб-сторінці
В HTML колір можна задавати трьома способами:
Завдання кольору в HTML по його назві
Деякі кольори можна задавати по їх назві, використовуючи в якості значення назва кольору на англійській мові. Найпоширеніші ключові слова: black (чорний), white (білий), red (червоний), green (зелений), blue (синій) і ін:
Колір тексту - червоний
Найбільш популярні кольори стандарту Консорціуму Всесвітньої павутини (англ. World Wide Web Consortium, W3C):
колір | Назва | колір | Назва | колір | Назва | колір | Назва |
---|---|---|---|---|---|---|---|
Black | Gray | Silver | White | ||||
Yellow | Lime | Aqua | Fuchsia | ||||
Red | Green | Blue | Purple | ||||
Maroon | Olive | Navy | Teal |
Приклад використання різних колірних назв:
Приклад: завдання кольору по його назві
- Спробуй сам »
Тема на червоному тлі
Тема на помаранчевому тлі
Тема на тлі лайм
Білий текст на синьому тлі
Тема на червоному тлі
Тема на помаранчевому тлі
Тема на тлі лайм
Білий текст на синьому тлі
Завдання кольору за допомогою RGB
При відображенні різних кольорів на моніторі за основу береться RGB-палітра. Будь-який колір отримують, змішуючи три основних: R - червоний (red), G - зелений (green), В - синій (blue). Яскравість кожного кольору задається одним байтом і, отже, може приймати значення від 0 до 255. Наприклад, RGB (255,0,0) відображається як червоний, так як червоний встановлюється в його найвище значення (255), а інші встановлені в 0 . Також можна задавати колір в процентному відношенні. Кожен з параметрів позначає рівень яскравості відповідного кольору. Наприклад: значення rgb (127, 255, 127) і rgb (50%, 100%, 50%) будуть задавати однаковий зелений колір середньої насиченості:
Приклад: Завдання кольору за допомогою RGB
- Спробуй сам »
rgb (127, 255, 127)
rgb (50%, 100%, 50%)
rgb (127, 255, 127)
rgb (50%, 100%, 50%)
Завдання кольору по шістнадцятиричним значенням
значення R G B також можуть бути вказані за допомогою шістнадцятирічних (HEX) значень кольору в формі: #RRGGBB, де RR (червоний), GG (зелений) і BB (синій) є шестнадцатерічнимі значеннями від 00 до FF (так само, як десяткове 0-255) . Шістнадцяткова система, на відміну десятковоїсистеми, базується, як випливає з її назви, на числі 16. Шістнадцяткова система використовує наступні знаки: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, E, F. Тут цифри від 10 до 15 замінені латинськими буквами. Числа більше 15 в шістнадцятковій системі вдають із себе об'єднанням двох знаків в одне значення. Наприклад, найбільшому числу 255 в десятковій системі відповідає найвище значення FF в шістнадцятковій системі. На відміну десятковоїсистеми, перед шістнадцятковим числом ставлять символ решітки # , Наприклад, # FF0000 відображається як червоний колір, так як червоний встановлюється в його найвище значення (FF), а іншим кольорам встановлено мінімальне значення (00). Знаки після символу решітки # можна набирати як прописними, так і малими. Шістнадцяткова система дозволяє використовувати скорочену форму виду #rgb, де кожен символ рівнозначний подвоєному. Так, запис # f7O слід розцінювати як # ff7700.
Приклад: Колір HEX
- Спробуй сам »
червоний: # FF0000
зелений: # 00FF00
синій: # 0000FF
червоний: # FF0000
зелений: # 00FF00
синій: # 0000FF
червоний + зелений \u003d жовтий: # FFFF00
червоний + синій \u003d фіолетовий: # FF00FF
зелений + синій \u003d блакитний: # 00FFFF
Список широко поширених кольорів (назва, HEX і RGB):
англійська назва | Російська назва | зразок | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | амарантовий | # E52B50 | 229 | 43 | 80 | |
Amber | бурштиновий | # FFBF00 | 255 | 191 | 0 | |
Aqua | Синьо-зелений | # 00FFFF | 0 | 255 | 255 | |
Azure | Лазурний | # 007FFF | 0 | 127 | 255 | |
Black | чорний | #000000 | 0 | 0 | 0 | |
Blue | синій | # 0000FF | 0 | 0 | 255 | |
Bondi Blue | Вода пляжу Бонді | # 0095B6 | 0 | 149 | 182 | |
Brass | латунний | # B5A642 | 181 | 166 | 66 | |
Brown | коричневий | # 964B00 | 150 | 75 | 0 | |
Cerulean | Лазурний | # 007BA7 | 0 | 123 | 167 | |
Dark spring green | Темний весняно-зелений | #177245 | 23 | 114 | 69 | |
Emerald | Смарагдовий | # 50C878 | 80 | 200 | 120 | |
Eggplant | баклажановий | #990066 | 153 | 0 | 102 | |
Fuchsia | фуксія | # FF00FF | 255 | 0 | 255 | |
Gold | Золотий | # FFD700 | 250 | 215 | 0 | |
Gray | сірий | #808080 | 128 | 128 | 128 | |
Green | зелений | # 00FF00 | 0 | 255 | 0 | |
Indigo | індиго | # 4B0082 | 75 | 0 | 130 | |
Jade | Нефритовий | # 00A86B | 0 | 168 | 107 | |
Lime | Лайм | # CCFF00 | 204 | 255 | 0 | |
Malachite | Малахітовий | # 0BDA51 | 11 | 218 | 81 | |
Navy | Темно синій | #000080 | 0 | 0 | 128 | |
Ochre | охра | # CC7722 | 204 | 119 | 34 | |
Olive | оливковий | #808000 | 128 | 128 | 0 | |
Orange | помаранчевий | # FFA500 | 255 | 165 | 0 | |
Peach | персиковий | # FFE5B4 | 255 | 229 | 180 | |
Pumpkin | гарбуз | # FF7518 | 255 | 117 | 24 | |
Purple | фіолетовий | #800080 | 128 | 0 | 128 | |
Red | червоний | # FF0000 | 255 | 0 | 0 | |
Saffron | шафрановий | # F4C430 | 244 | 196 | 48 | |
Sea Green | зелене море | # 2E8B57 | 46 | 139 | 87 | |
Swamp green | болотний | # ACB78E | 172 | 183 | 142 | |
Teal | Синьо-зелений | #008080 | 0 | 128 | 128 | |
Ultramarine | ультрамариновий | # 120A8F | 18 | 10 | 143 | |
Violet | фіолетовий | # 8B00FF | 139 | 0 | 255 | |
Yellow | жовтий | # FFFF00 | 255 | 255 | 0 |
Коди квітів (фон) по насиченості і відтінку.
Таблиця (палітра) квітів html надає вам можливість самостійно підібрати потрібний вам тон. Значення кольору відображається в трьох форматах: Hex, RGB і HSV.
- Hex складається з трьох двох символьних значень в шістнадцятковій системі числення. Наприклад: # ff00b3, де перша пара чисел - червоний, друга - зелений, а третя - синій.
- RGB (RedGreenBlue) має вигляд "200,100,255", що позначає кількість відповідного тону (червоний, зелений, синій) в вихідному кольорі.
- HSV (Hue, Saturation, Value - тон, насиченість, значення) - колірна модель, в якій в якості координат є:
- Hue - колірний тон, може варіюватися в межах від 0 ° до 360 °.
- Saturation - насиченість, варіюється в межах 0-100 або 0-1. Чим більше цей параметр, тим «чистіше» колір, тому цей параметр іноді називають чистотою кольору. А чим ближче цей параметр до нуля, тим ближче колір до нейтрального сірого.
- Value (значення кольору) - задає яскравість, значення так само може варіюватися в межах 0-100 або 0-1.
Введіть код кольору: GO
Список кольорів з назвами
У таблиці перераховані назви кольорів англійською мовою (які можна використовувати в якості значень), підтримувані усіма браузерами, і їх шістнадцяткові значення. Всі перераховані кольору є "безпечними", тобто у всіх браузерах будуть відображатися однаково.
Назва кольору | HEX | колір |
---|---|---|
Black | #000000 | |
Navy | #000080 | |
DarkBlue | # 00008B | |
MediumBlue | # 0000CD | |
Blue | # 0000FF | |
DarkGreen | #006400 | |
Green | #008000 | |
Teal | #008080 | |
DarkCyan | # 008B8B | |
DeepSkyBlue | # 00BFFF | |
DarkTurquoise | # 00CED1 | |
MediumSpringGreen | # 00FA9A | |
Lime | # 00FF00 | |
SpringGreen | # 00FF7F | |
Aqua | # 00FFFF | |
Cyan | # 00FFFF | |
MidnightBlue | #191970 | |
DodgerBlue | # 1E90FF | |
LightSeaGreen | # 20B2AA | |
ForestGreen | # 228B22 | |
SeaGreen | # 2E8B57 | |
DarkSlateGray | # 2F4F4F | |
LimeGreen | # 32CD32 | |
MediumSeaGreen | # 3CB371 | |
Turquoise | # 40E0D0 | |
RoyalBlue | # 4169E1 | |
SteelBlue | # 4682B4 | |
DarkSlateBlue | # 483D8B | |
MediumTurquoise | # 48D1CC | |
Indigo | # 4B0082 | |
DarkOliveGreen | # 556B2F | |
CadetBlue | # 5F9EA0 | |
CornflowerBlue | # 6495ED | |
MediumAquaMarine | # 66CDAA | |
DimGray | #696969 | |
SlateBlue | # 6A5ACD | |
OliveDrab | # 6B8E23 | |
SlateGray | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | # 7B68EE | |
LawnGreen | # 7CFC00 | |
Chartreuse | # 7FFF00 | |
Aquamarine | # 7FFFD4 | |
Maroon | #800000 | |
Purple | #800080 | |
Olive | #808000 | |
Gray | #808080 | |
SkyBlue | # 87CEEB | |
LightSkyBlue | # 87CEFA | |
BlueViolet | # 8A2BE2 | |
DarkRed | # 8B0000 | |
DarkMagenta | # 8B008B | |
SaddleBrown | # 8B4513 | |
DarkSeaGreen | # 8FBC8F | |
LightGreen | # 90EE90 | |
MediumPurple | # 9370D8 | |
DarkViolet | # 9400D3 | |
PaleGreen | # 98FB98 | |
DarkOrchid | # 9932CC | |
YellowGreen | # 9ACD32 | |
Sienna | # A0522D | |
Brown | # A52A2A | |
DarkGray | # A9A9A9 | |
LightBlue | # ADD8E6 | |
GreenYellow | # ADFF2F | |
PaleTurquoise | #AFEEEE | |
LightSteelBlue | # B0C4DE | |
PowderBlue | # B0E0E6 | |
FireBrick | # B22222 | |
DarkGoldenRod | # B8860B | |
MediumOrchid | # BA55D3 | |
RosyBrown | # BC8F8F | |
DarkKhaki | # BDB76B | |
Silver | # C0C0C0 | |
MediumVioletRed | # C71585 | |
IndianRed | # CD5C5C | |
Peru | # CD853F | |
Chocolate | # D2691E | |
Tan | # D2B48C | |
LightGray | # D3D3D3 | |
PaleVioletRed | # D87093 | |
Thistle | # D8BFD8 | |
Orchid | # DA70D6 | |
GoldenRod | # DAA520 | |
Crimson | # DC143C | |
Gainsboro | #DCDCDC | |
Plum | # DDA0DD | |
BurlyWood | # DEB887 | |
LightCyan | # E0FFFF | |
Lavender | # E6E6FA | |
DarkSalmon | # E9967A | |
Violet | # EE82EE | |
PaleGoldenRod | # EEE8AA | |
LightCoral | # F08080 | |
Khaki | # F0E68C | |
AliceBlue | # F0F8FF | |
HoneyDew | # F0FFF0 | |
Azure | # F0FFFF | |
SandyBrown | # F4A460 | |
Wheat | # F5DEB3 | |
Beige | # F5F5DC | |
WhiteSmoke | # F5F5F5 | |
MintCream | # F5FFFA | |
GhostWhite | # F8F8FF | |
Salmon | # FA8072 | |
AntiqueWhite | # FAEBD7 | |
Linen | # FAF0E6 | |
LightGoldenRodYellow | # FAFAD2 | |
OldLace | # FDF5E6 | |
Red | # FF0000 | |
Fuchsia | # FF00FF | |
Magenta | # FF00FF | |
DeepPink | # FF1493 | |
OrangeRed | # FF4500 | |
Tomato | # FF6347 | |
HotPink | # FF69B4 | |
Coral | # FF7F50 | |
Darkorange | # FF8C00 | |
LightSalmon | # FFA07A | |
Orange | # FFA500 | |
LightPink | # FFB6C1 | |
Pink | # FFC0CB | |
Gold | # FFD700 | |
PeachPuff | # FFDAB9 | |
NavajoWhite | #FFDEAD | |
Moccasin | # FFE4B5 | |
Bisque | # FFE4C4 | |
MistyRose | # FFE4E1 | |
BlanchedAlmond | #FFEBCD | |
PapayaWhip | # FFEFD5 | |
LavenderBlush | # FFF0F5 | |
SeaShell | # FFF5EE | |
Cornsilk | # FFF8DC | |
LemonChiffon | #FFFACD | |
FloralWhite | # FFFAF0 | |
Snow | #FFFAFA | |
Yellow | # FFFF00 | |
LightYellow | # FFFFE0 | |
Ivory | # FFFFF0 | |
White | #FFFFFF |