Для завдання кольорів використовуються числа у шістнадцятковому коді. Шістнадцяткова система, на відміну від десяткової системи, базується, як випливає з її назви, на числі 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 та опис.

Табл. 1. Назви квітів

Ім'я	Колір	Код	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 позначаються шістьма символами після символу слєш - наприклад #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)

Крос-браузерні (для всіх браузерів) назви кольорів

Колекція зі 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

У 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

червоний+зелений=жовтий: #FFFF00

червоний+синій=фіолетовий: #FF00FF

зелений+синій=блакитний: #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

Коди кольорів (фон) за насиченістю та відтінком.

Модуль CSS color докладно описує значення, які дозволяють авторам визначати кольори та непрозорість html-елементів, а також значення якості color.

Властивість color

1. Пріоритетні кольори: якість color

Властивість задає колір шрифту за допомогою різних систем передачі кольорів. Властивість визначає колір текстового вмісту елемента. Крім того, воно використовується для надання потенційного непрямого значення (currentColor) для будь-яких інших властивостей, які набувають значення кольору.

Властивість успадковується.

2. Значення кольору

2.1. Основні ключові слова

Список основних ключових слів включає наступні значення:

Назва	HEX	RGB	Колір
black	#000000	0,0,0
silver	#C0C0C0	192,192,192
gray	#808080	128,128,128
white	#FFFFFF	255,255,255
maroon	#800000	128,0,0
red	#FF0000	255,0,0
purple	#800080	128,0,128
fuchsia	#FF00FF	255,0,255
green	#008000	0,128,0
lime	#00FF00	0,255,0
olive	#808000	128,128,0
yellow	#FFFF00	255,255,0
navy	#000080	0,0,128
blue	#0000FF	0,0,255
teal	#008080	0,128,128
aqua	#00FFFF	0,255,255

Назви кольорів не чутливі до регістру.

Синтаксис

Color: teal;

2.2. Числові значення кольору

2.2.1. Кольори моделі RGB

Формат значення RGB у шістнадцятковому форматі — це знак # , за яким відразу йдуть три або шість шістнадцяткових символів. Тризначний запис RGB #rgb перетворюється на шестизначну форму #rrggbb шляхом копіювання цифр, а не шляхом додавання нулів. Наприклад, #fb0 розширюється до #ffbb00. Це гарантує, що білий #ffffff може бути вказаний у короткому записі #fff і видаляє будь-які залежності від глибини кольору дисплея.

Формат значення RGB у функціональній нотації — rgb(, за яким слідує розділений комами список із трьох числових значень (або трьох цілочисельних значень, або трьох відсоткових значень), за якими слідує символ) . Цілочисленне значення 255 відповідає 100% і F або FF у шістнадцятковому записі:

RGB (255,255,255) = RGB (100%, 100%, 100%) = #FFF

Символи пропуску допускаються навколо числових значень.

У web-дизайні існує кілька способів подання кольору

HEX – шістнадцяткова система представлення кольору на основі 16. Для даної системи використовуються арабські десяткові цифри від 0 до 9 та латинські літери від A до F для доповнення цифрової кількості до 16. Для web-дизайну взято 16 основних (ключових) кольорів, так званий шістнадцятковий код кольору #RRGGBB, де кожна пара відповідає за свою частку кольору: RR – червоний, GG – зелений та BB – синій. Кожна частка кольору в діапазоні від 00 до FF.

Два інших уявлення кольору в web-дизайні це: у вигляді RGB(*,*,*), де кожна «*» частка кольору представлена ​​десятковими цифрами від 0 до 255 та за найменуваннями кольору англійською мовою.

При створенні кольорового зображення головною проблемою є правильна передача кольорів різних типів комп'ютерів, моніторів і браузерів. Якщо браузер не може правильно відобразити колір, він підбирає схожий або змішує кілька кольорів. А іноді може замінити якийсь зовсім інший колір.

Таблиця 16 основних кольорів, які використовуються у всіх браузерах

Назва	Колір	Hex	(RGB)
Aqua (морська хвиля)		#00FFFF	(000,255,255)
Black (чорний)		#000000	(000,000,000)
Blue (блакитний)		#0000FF	(000,000,255)
Fuchsia (фуксин)		#FF00FF	(255,000,255)
Gray (сірий)		#808080	(128,128,128)
Green (зелений)		#008000	(000,128,000)
Lime (яскраво-зелений)		#00FF00	(000,255,000)
Maroon (темно-бордовий)		#800000	(128,000,000)
Navy (темно-синій)		#000080	(000,000,128)
Olive (оливковий)		#808000	(128,128,000)
Purple (фіолетовий)		#800080	(128,000,128)
Red (червоний)		#FF0000	(255,000,000)
Silver (срібний)		#C0C0C0	(192,192,192)
Teal (сіро-зелений)		#008080	(000,128,128)
White (білий)		#FFFFFF	(255,255,255)
Yellow (жовтий)		#FFFF00	(255,255,000)

Таблиця пурпурногокольори та його відтінків

Назва	Колір	Hex	(RGB)
Magenta (пурпуровий)		#FFCBDB	(255,203,219)
Magenta (пурпуровий)		#FF0099	(255,000,153)
Magenta (маджента)		#F95A61	(249,090,097)
Fuchsia (фуксія)		#FF00FF	(255,000,255)
Мовеїн (аніліновий пурпур)		#EF0097	(239,000,151)
Salmon pink (оранжево-рожевий)		#FF91A4	(255,145,164)
Cenise (відтінок пурпурового)		#DE3163	(153,149,140)
Aubergine Eggplant (баклажановий)		#990066	(153,000,132)
Lavender blush (рожево-лавандовий)		#FFF0F5	(255,240,245)
Lilac (бузковий)		#C8A2C8	(200,162,200)
Magenta (маджента)		#FF008F	(255,000,143)
Orchid (орхідея)		#DA70D6	(218,112,214)
Red-violet (фіолетово-червоний)		#C71585	(199,021,133)
Sanguine (сангіновий)		#92000A	(146,000,010)
Thistle (відтінок пурпурового)		#D8BFD8	(185,211,238)
Violet-eggplant (відтінок пурпурового)		#991199	(153,017,153)
Rosa vivo (насичено рожевий)		#FF007F	(255,000,127)
Lavender-rose (відтінок пурпурового)		#FBA0E3	(108,123,139)
Mountbatten pink (рожевий Маунбаттен)		#997ABD	(153,122,141)

Таблиця сірогокольори та його відтінків

Назва	Колір	Hex	(RGB)
Gray (Сірий)		#808080	(128,128,128)
Gray (Сірий)		#bebebe	(190,190,190)
(Сірий-відтінок)		#858585	(133,133,133)
Gray33 (Сірий-33)		#545454	(084,084,084)
(Сірого шиферу)		#708090	(112,128,144)
(Кварцовий)		# 99958с	(153,149,140)
(Світло сірий)		#bbbbbb	(187,187,187)
(Сріблястий)		#c0c0c0	(192,192,192)
(Сіро-білий)		#f0f0f0	(240,240,240)
(Бороди Абдель-Керіма)		#e0e0e0	(224,224,224)
LightGray (Сірий світлий)		#d3d3d3	(211,211,211)
LightStateGray ()		#778899	(119,136,153)
StateGray-1 (Блідо-васильковий1)		#c6e2ff	(198,226,255)
StateGray-2 (Блідо-васильковий2)		#b9d3ee	(185,211,238)
StateGray3 ()		#9fb6cd	(159,182,205)
StateGray4 ()		#6c7b8b	(108,123,139)

Гальмує