#000000 | Чёрный (HTML: Black) | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 100 | |
#000064 | Сумеречный синий «United Way» | 0 | 0 | 100 | 240 | 100 | 39 | 100 | 20 | 100 | 100 | 0 | 61 | |
#000066 | Сумеречный синий «Mastercard» | 0 | 0 | 102 | 240 | 100 | 40 | 100 | 20 | 100 | 100 | 0 | 60 | |
#000080 | Флотский синий (HTML: Navy) | 0 | 0 | 128 | 240 | 100 | 50 | 100 | 25 | 100 | 100 | 0 | 49 | |
#00008b | Тёмно-синий (HTML: DarkBlue) | 0 | 0 | 139 | 240 | 54 | 100 | 27 | 100 | 100 | 0 | 45 | ||
#00009c | Синий университета Дьюка | 0 | 0 | 156 | 240 | 100 | 61 | 100 | 30 | 100 | 100 | 0 | 38 | |
#0000cd | Умеренный синий (HTML: MediumBlue) | 0 | 0 | 205 | 240 | 100 | 80 | 100 | 40 | 100 | 100 | 0 | 20 | |
#0000e6 | Синий «Pinboard» | 0 | 0 | 230 | 240 | 100 | 90 | 100 | 45 | 100 | 100 | 0 | 10 | |
#0000ee | Синий 2 (HTML: Blue2) | 0 | 0 | 238 | 240 | 100 | 93 | 100 | 46 | 100 | 100 | 0 | 6 | |
#0000ff | Синий (HTML: Blue) | 0 | 0 | 255 | 240 | 100 | 100 | 100 | 50 | 100 | 100 | 0 | 0 | |
#000133 | Очень тёмный синий | 0 | 1 | 51 | 239 | 100 | 20 | 100 | 10 | 100 | 98 | 0 | 80 | |
#00022e | Тёмный флотский синий | 0 | 2 | 46 | 237 | 100 | 18 | 100 | 9 | 100 | 96 | 0 | 82 | |
#00035b | Тёмно-синий | 0 | 3 | 91 | 238 | 100 | 36 | 100 | 18 | 100 | 97 | 0 | 64 | |
#000435 | Тёмный флотский | 0 | 4 | 53 | 235 | 100 | 21 | 100 | 10 | 100 | 92 | 0 | 79 | |
#000f89 | Фталоцианиновая синяя | 0 | 15 | 137 | 233 | 100 | 53 | 100 | 26 | 100 | 89 | 0 | 46 | |
#001146 | Флотский синий | 0 | 17 | 70 | 225 | 100 | 27 | 100 | 14 | 100 | 76 | 0 | 73 | |
#0014a8 | Кобальтовая синь | 0 | 20 | 168 | 233 | 100 | 66 | 100 | 33 | 100 | 88 | 0 | 34 | |
#001a57 | Тёмно-синий университета Дьюка | 0 | 26 | 87 | 222 | 100 | 34 | 100 | 17 | 100 | 70 | 0 | 65 | |
#001d18 | Очень тёмный синевато-зелёный | 0 | 29 | 24 | 169 | 100 | 11 | 100 | 5 | 100 | 0 | 17 | 88 | |
#002054 | Сумеречный голубой «Sterling Hotels» | 0 | 32 | 84 | 217 | 100 | 33 | 100 | 16 | 100 | 62 | 0 | 67 | |
#002137 | Тёмно-синий | 0 | 33 | 55 | 204 | 100 | 22 | 100 | 11 | 100 | 40 | 0 | 78 | |
#002147 | Синий Оксфорда | 0 | 33 | 71 | 212 | 100 | 27 | 100 | 13 | 100 | 53 | 0 | 72 | |
#002366 | Королевский синий | 0 | 35 | 102 | 219 | 100 | 40 | 100 | 20 | 100 | 65 | 0 | 60 | |
#002381 | Vivid Blue | 0 | 35 | 224 | 100 | 51 | 100 | 25 | 100 | 73 | 0 | 49 | ||
#002387 | Resolution Blue | 0 | 35 | 135 | 224 | 100 | 52 | 100 | 26 | 100 | 74 | 0 | 47 |
Таблица цветов | Справочник HTML
Для окраски текста или изменения фона в HTML применяется атрибут style. Текст, цвет которого нужно изменить, помещают в теги, например <span> для отдельных слов или <div> для абзацев.
Цвет текста определяется свойством CSS style = «color:#RRGGBB;», а цвет фона style = «background-color:#RRGGBB;».
«#RRGGBB» — это шестнадцатеричный код цвета, где доли красного (RR), зелёного (GG) и синего цвета (BB) могут лежать в диапазоне от 00 до FF, что соответствует десятичному числу 255. Вместо кодировки «#RRGGBB» можно использовать соответствующие названия цветов (без #).
Использование цветов
Применение | Результат |
---|---|
<span>Цвет слова</span> | Цвет слова |
<div>Цвет абзаца</div> | Цвет абзаца |
<span>Фон слова</span> | Фон слова |
<div>Фон абзаца</div> | Фон абзаца |
<td>style=»background-color:#98FB98″ | Фон ячейки</td> | Фон ячейки |
Коды цветов (фон)
|
|
Учебник HTML
HTML уроки: HTML Цвета
102 | Абрикос | Серебристо-светло оранжевый | + | |
602 | Авантюрин | Серебристо-чёрный | – | |
204 | Айсберг | Белая двухслойная | + | |
243 | Акапулько | Ярко-жёлтый | – | |
460 | Аквамарин | Серебристый сине-зелёный | – | |
503 | Аккорд | Серебристо-коричневый | + | |
309 | Аллигатор | Оливково-зелёный | + | |
1018 | Алмазное серебро | (ИЖ) Серебристый | + | |
205 | Альпийский снег | Белый металлик | + | |
660 | Альтаир | Серебристый светло-серый | + | |
355 | Амазонка | Ярко-зелёный | – | |
145 | Аметист | Серебристый фиолетовый | + | |
371 | Амулет | Серебристо-тёмно-зелёный | + | |
425 | Андриатика | Голубой | – | |
125 | Антарес | Тёмно-вишнёвый | + | |
277 | Антилопа | Серебристо-бежевый | + | |
286 | Апатия | Серебристый оранжевый | + | |
305 | Аспарагус | Серебристо-зелёный | + | |
490 | Астероид | Тёмно-сине-зелёный | + | |
440 | Атлантика | Светло-синий | – | |
1158 | Аустер | (GM) Светло-серый | + | |
421 | Афалина | Серебристо-зелёно-голубой | + | |
218 | Аэлита | Бежевый | + | |
645 | Базальт | Серо-чёрный | + | |
107 | Баклажан | Тёмно-фиолетовый | – | |
420 | Балтика | Тёмно-сине-зелёный | – | |
353 | Бальзам | Зелёный | – | |
273 | Бархан | Бежевый | – | |
235 | Бежевый | Бежевый | – | |
240 | Белое облако | Белый | – | |
201 | Белый | Белый | – | |
302 | Бергамот | Серебристо-зелёный | + | |
633 | Борнео | Серебристо-тёмно серый | + | |
451 | Боровница | Серебристо-серо-синий | + | |
480 | Бриз | Зелёно-голубой | – | |
262 | Бронзовый век | Бежево-коричневый | + | |
117 | Бургундия | Красный металлик | + | |
388 | Вавилон | Металлик серо-бежевый | + | |
464 | Валентина | Серо-фиолетовый | – | |
310 | Валюта | Серо-зелёный | + | |
191 | Венера | Тёмно-красный | + | |
655 | Викинг | Тёмно-серый | + | |
129 | Виктория | Серебристый ярко-красный | + | |
132 | Вишнёвый сад | Тёмно-серебристо-красный | – | |
127 | Вишня | Тёмно-бордовый | – | |
313 | Водолей | Серо-зелёный | + | |
488 | Галактика | Тёмно-фиолетовый | + | |
423 | Гейзер | Серо-голубой | + | |
481 | Голубой | Голубой | – | |
180 | Гранат | Тёмно-бордовый | – | |
682 | Гранта | Серо-синий | + | |
150 | Дефиле | Серебристо-серо-коричневый | – | |
285 | Джем | Оранжево-коричневый | + | |
424 | Дипломат | Синий | + | |
502 | Дыня | Серебристо-жёлтый | + | |
321 | Дюшес | Серебристо-молочно-зелёный | + | |
203 | Жасмин | Бело-жёлтый | – | |
200 | Жёлтый-такси | Ярко-жёлтый | – | |
230 | Жемчуг | Серебристо-бело-молочный | + | |
627 | Жимолость | Серо-синий | + | |
307 | Защитный | Зелёный | – | |
257 | Звёздная Пыль | Бежево-сиреневый | + | |
307 | Зелёный сад | Тёмно-зелёный | – | |
963 | Зелёный | Зелёный | + | |
1012 | Зелёный Авокадо | (ИЖ) Тёмно-зелёный | – | |
1901 | Золотая звезда | (GM) Бежево-золотистый | + | |
331 | Золотой лист | Золотистый тёмно-зелёный | + | |
245 | Золотая Нива | Серебристо-жёлто-зелёный | + | |
109 | Золотисто-бежевый | (ИЖ) Золотисто-бежевый | + | |
347 | Золото Инков | Золотистый тёмно-зелёный | + | |
311 | Игуана | Серебристо-ярко-зелёный | + | |
515 | Изабелла | Тёмно-филетовый | + | |
385 | Изумруд | Серебристо-зелёный | + | |
441 | Индиго | Тёмно-синий | – | |
406 | Ирис | Фиолетовый | – | |
128 | Искра | Красный | + | |
113 | Каберне | Тёмно-вишнёвый | – | |
358 | Кайман | Тёмно-зелёный | + | |
104 | Калина | Ярко-красный | + | |
190 | Калифорнийский Мак | Золотисто-красный | + | |
453 | Капри | Тёмно-сине-зелёный | + | |
212 | Капучино | Светлый серо-бежевый | – | |
101 | Кардинал | Ярко-красный | – | |
118 | Кармен | Красный | – | |
630 | Кварц | Тёмно-серый | + | |
352 | Кедр | Серо-зелёный | – | |
381 | Кентавр | Тёмно-зелёный | + | |
322 | Колумбийская зелень | Золотисто-оливковый | + | |
116 | Коралл | Серебристый тёмно-красный | + | |
790 | Кориандр | Золотисто-коричневый | + | |
798 | Корица | Коричневый | + | |
370 | Корсика | Серебристый болотно-зелёный | + | |
665 | Космос | Чёрный | + | |
1017 | Красный перец | (ИЖ) Серебристо-вишнёвый | + | |
1013 | Красный Порту | (ИЖ) Вишнёвый | – | |
281 | Кристалл | Светло-серый | + | |
171 | Кубок | Красный | – | |
435 | Ла-манш | Серебристо-фиолетовый | + | |
675 | Лаванда | Серебристо-коричневый | – | |
487 | Лагуна | Серебристо-синий | + | |
411 | Ладога | Серебристо-голубой | + | |
445 | Лазурит | Фиолетово-синий | + | |
498 | Лазурно-синий | Серебристый тёмно-синий | + | |
489 | Лазурь | Синий | – | |
560 | Ламинария | Зелёный | – | |
221 | Ледниковый | Белый | – | |
413 | Ледяной | Голубой | + | |
495 | Лунный Свет | Светло-голубой | + | |
410 | Магеллан | Тёмно-синий | – | |
133 | Магия | Серебристо-ярко-фиолетовый | + | |
119 | Магма | Оранжевый | + | |
120 | Майя | Серебристый тёмно-бордовый | + | |
121 | Мальборо | Красный металлик | + | |
428 | Медео | Голубой | – | |
234 | Медовый | Желто-золотой | + | |
317 | Меридиан | Зелёный | – | |
1014 | Мерцающий синий | (ИЖ) Серебристо-тёмно-синий | + | |
217 | Миндаль | Серебристо-бежево-розовый | + | |
280 | Мираж | Серебристый-желто-зелёный | + | |
606 | Млечный Путь | Серебристо-серо-графитовый | + | |
626 | Мокрый асфальт | Серебристый стальной | + | |
403 | Монте-карло | Ярко-синий | – | |
325 | Морская Пучина | Тёмно-зелёный | – | |
458 | Мулен Руж | Ярко-фиолетовый | – | |
377 | Мурена | Сине-зелёный | – | |
426 | Мускари | Мускари | + | |
620 | Мускат | Серебристо-серо-золотистый | + | |
223 | Нарцисс | Жёлтый | – | |
304 | Наутилус | Тёмно-зелёный | – | |
239 | Невада | Серебристо-серо-бежевый | + | |
628 | Нептун | Серебристо-тёмно-серо-синий | + | |
368 | Несси | Тёмно-зелёный | – | |
270 | Нефертити | Серебристый-бежевый | + | |
383 | Ниагара | Серебристо-серо-голубоватый | + | |
328 | Ницца | Сине-зелёный | + | |
497 | Одиссей | Серо-синий | + | |
1001 | Озеро Тахо | (УАЗ) Тёмно-серо-зелёный | + | |
449 | Океан | Тёмно-синий | – | |
345 | Оливин | Золотисто-зелёный | + | |
340 | Оливковый | Желто-зелёный | – | |
1121 | Олимпия | (GM) Ярко-синий | + | |
419 | Опал | Серебристо-голубоватый | + | |
632 | Орион | Средне-стальной | + | |
643 | Орхидея | Серебристо-бежевый | + | |
308 | Осока | Зелено-голубой | + | |
387 | Папирус | Серебристо-серо-зеленоватый | + | |
152 | Паприка | Серебристо-красно-оранжевый | + | |
429 | Персей | Тёмно-синий | + | |
404 | Петергоф | Серо-зеленоватый | – | |
795 | Пирано | Красно-коричневый | + | |
417 | Пицунда | Зелено-синий | – | |
691 | Платина | Серебристо-бежевый | + | |
615 | Полюс Мира | Серо-коричневый | + | |
192 | Портвейн | Тёмно-вишнёвый металлик | + | |
406 | Посейдон | Тёмно-синий | + | |
222 | Премьер | Ярко-жёлтый | – | |
342 | Прерия | Серебристо-серо-зелёный | + | |
605 | Престиж | Серебристо-тёмно-синий | + | |
276 | Приз | Серебристо-бежевый | + | |
210 | Примула | Светло-жёлтый | – | |
448 | Рапсодия | Серебристо-ярко-синий | + | |
412 | Регата | Серебристо-тёмно-синий | + | |
122 | Реклама | Ярко-красный | – | |
499 | Ривьера | Сине-фиолетовый | + | |
610 | Рислинг | Серебристо-бледно-серый | + | |
1002 | Ричмо | (УАЗ) Тёмно-коричневый | + | |
391 | Робин Гуд | Тёмно-зелёный | + | |
182 | Романс | Тёмно-красный | – | |
110 | Рубин | Красный | – | |
442 | Садко | Тёмно-голубой | – | |
1005 | Салатовый | Салатовый | + | |
452 | Сан-тропе | Ярко-синий | + | |
670 | Сандал | Бежево-красный | + | |
446 | Сапфир | Серебристый сине-фиолетовый | + | |
215 | Сафари | Светло-бежевый | – | |
671 | Светло-серый | Светло-серый | – | |
301 | Серебристая ива | Серебристый-зеленовато-серый | + | |
640 | Серебристый | Серебристый | + | |
236 | Серо-бежевый | Серо-бежевый | – | |
233 | Серо-белый | Серо-белый | – | |
427 | Серо-голубой | Серо-голубой | – | |
373 | Серо-зелёный | Серо-зелёный | – | |
1019 | Серое олово | (ИЖ) Серый серебристый | + | |
242 | Серый базальт | Серо-бежевый | + | |
1011 | Синий калипсо | (ИЖ) Тёмно-синий | – | |
447 | Синяя полночь | Синий | – | |
422 | Сирень | Светло-фиолетовый | – | |
483 | Сириус | Серо-синий | + | |
478 | Слива | Серебристо-ярко-синий | + | |
295 | Сливочно-белый | Сливочно-белый | – | |
207 | Слоновая Кость | Бежево-жёлтый | – | |
690 | Снежная Королева | Серебристый | + | |
202 | Снежно-белый | Снежно-белый | – | |
650 | Совиньон | Серебристо-серый | + | |
791 | Солярис | Тёмно коричневый | – | |
360 | Сочи | Серебристо-серо-зеленоватый | + | |
399 | Табачный | Серебристый коричнево-зелёный | + | |
206 | Талая Вода | Светло-серый | + | |
509 | Тёмно-бежевый | Тёмно-бежевый | – | |
793 | Тёмно-коричневый | Тёмно-коричневый | – | |
625 | Тёмно-серый | Тёмно-серый | – | |
456 | Тёмно-синий | Тёмно-синий | – | |
466 | Тёмно-синий | Оттенок тёмно-синего | – | |
631 | Тополиный пух | Серый | + | |
170 | Торнадо | Красный | – | |
100 | Триумф | Серебристо-красный | + | |
475 | Тундра | Серебристо-зеленоватый | + | |
1020 | Ультрамарин | (ИЖ) Сине-зелёный | – | |
123 | Успех | Оранжевый | – | |
1115 | Феерия | (GM) Ярко-красный | + | |
622 | Феникс | Чёрный | + | |
416 | Фея | Серебристо-сиреневый | + | |
105 | Франкония | Тёмно-вишнёво-малиновый | + | |
430 | Фрегат | Цвет морской волны | – | |
363 | Цунами | Тёмно-зелёный | + | |
228 | Чайная Роза | Светло-жёлтый | – | |
408 | Чароит | Серебристый тёмно-фиолетовый | + | |
162 | Черешня | Тёмно-алый | – | |
672 | Чёрная Пантера | Чёрный, двойная эмаль | – | |
482 | Черника | Тёмно-синий | + | |
601 | Чёрный | Чёрный | – | |
603 | Чёрный | Оттенок чёрного | – | |
1021 | Чёрный графит | (ИЖ) Серебристо-серо-графитовый | + | |
513 | Чёрный жемчуг | Серебристо-коричневый | + | |
651 | Чёрный трюфель | Чёрный | + | |
637 | Чёрный шоколад | Тёмно-коричневый | + | |
415 | Электрон | Тёмно-серый | + | |
290 | Южный крест | Серо-бежевый | + | |
473 | Юпитер | Серебристо-голубоватый | + | |
140 | Яшма | Тёмно-вишнёвый | – |
Цвета HTML
Цвета 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 |
Интересное:
Изменение цвета фона страницы в cssВставка изображения в html
Понравилась запись? Сказать «Спасибо» очень просто, поделитесь записью в социальных сетях!
|
|
Безопасные цвета для Веб. Таблица из 216 цветов, рекомендуемых для экранного дизайна — ColorScheme.Ru
· Инструмент для подбора цветов и генерации цветовых схем ·
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна. Безопасные цвета всегда неизменны при переходе от одного браузера к другому, от одного монитора к другому, или от одной платформы к другой, с их различными разрешениями и возможностями цветопередачи.
Если веб-браузер не в состоянии правильно отобразить тот или иной цвет, то он пытается подобрать похожий или смешивает несколько соседних цветов. Может так случиться, что исходный цвет будет замещён чем-то совершенно неподходящим.
Сегодня уже весьма спорна целесообразность использования безопасной палитры, однако используя её, вы будете уверены, что цвета будут выглядеть неизменно хорошо и без искажений даже на очень старых компьютерах, вплоть до 8-битного режима отображения с поддержкой всего 256 цветов.
Безопасные цвета были выведены математически, а не потому, что они кому-то больше пришлись по душе. Для получения безопасного цвета из Красного, Зелёного и Синего, нужно использовать только данные десятичные значения: 0, 51, 102, 153, 204, 255 — и никакие другие. Каждое из трёх шестнадцатеричных значений не должно отличаться от 00, 33, 66, 99, CC, FF.
Таблица Безопасных Веб-цветов
Палитра состоит из 216 безопасных веб-цветов. Под каждым цветом указаны два значения — RGB, для создания цвета в графическом редакторе, и его шестнадцатеричных HEX-код, для обозначения цвета в HTML.
- 255 255 204
#FFFFCC
- 255 255 153
#FFFF99
- 255 255 102
#FFFF66
- 255 255 51
#FFFF33
- 255 255 0
#FFFF00
- 204 204 0
#CCCC00
- 255 204 102
#FFCC66
- 255 204 0
#FFCC00
- 255 204 51
#FFCC33
- 204 153 0
#CC9900
- 204 153 51
#CC9933
- 153 102 0
#996600
- 255 153 0
#FF9900
- 255 153 51
#FF9933
- 204 153 102
#CC9966
- 204 102 0
#CC6600
- 153 102 51
#996633
- 102 51 0
#663300
- 255 204 153
#FFCC99
- 255 153 102
#FF9966
- 255 102 0
#FF6600
- 204 102 51
#CC6633
- 153 51 0
#993300
- 102 0 0
#660000
- 255 102 51
#FF6633
- 204 51 0
#CC3300
- 255 51 0
#FF3300
- 255 0 0
#FF0000
- 204 0 0
#CC0000
- 153 0 0
#990000
- 255 204 204
#FFCCCC
- 255 153 153
#FF9999
- 255 102 102
#FF6666
- 255 51 51
#FF3333
- 255 0 51
#FF0033
- 204 0 51
#CC0033
- 204 153 153
#CC9999
- 204 102 102
#CC6666
- 204 51 51
#CC3333
- 153 51 51
#993333
- 153 0 51
#990033
- 51 0 0
#330000
- 255 102 153
#FF6699
- 255 51 102
#FF3366
- 255 0 102
#FF0066
- 204 51 102
#CC3366
- 153 102 102
#996666
- 102 51 51
#663333
- 255 153 204
#FF99CC
- 255 51 153
#FF3399
- 255 0 153
#FF0099
- 204 0 102
#CC0066
- 153 51 102
#993366
- 102 0 51
#660033
- 255 102 204
#FF66CC
- 255 0 204
#FF00CC
- 255 51 204
#FF33CC
- 204 102 153
#CC6699
- 204 0 153
#CC0099
- 153 0 102
#990066
- 255 204 255
#FFCCFF
- 255 153 255
#FF99FF
- 255 102 255
#FF66FF
- 255 51 255
#FF33FF
- 255 0 255
#FF00FF
- 204 51 153
#CC3399
- 204 153 204
#CC99CC
- 204 102 204
#CC66CC
- 204 0 204
#CC00CC
- 204 51 204
#CC33CC
- 153 0 153
#990099
- 153 51 153
#993399
- 204 102 255
#CC66FF
- 204 51 255
#CC33FF
- 204 0 255
#CC00FF
- 153 0 204
#9900CC
- 153 102 153
#996699
- 102 0 102
#660066
- 204 153 255
#CC99FF
- 153 51 204
#9933CC
- 153 51 255
#9933FF
- 153 0 255
#9900FF
- 102 0 153
#660099
- 102 51 102
#663366
- 153 102 204
#9966CC
- 153 102 255
#9966FF
- 102 0 204
#6600CC
- 102 51 204
#6633CC
- 102 51 153
#663399
- 51 0 51
#330033
- 204 204 255
#CCCCFF
- 153 153 255
#9999FF
- 102 51 255
#6633FF
- 102 0 255
#6600FF
- 51 0 153
#330099
- 51 0 102
#330066
- 153 153 204
#9999CC
- 102 102 255
#6666FF
- 102 102 204
#6666CC
- 102 102 153
#666699
- 51 51 153
#333399
- 51 51 102
#333366
- 51 51 255
#3333FF
- 51 0 255
#3300FF
- 51 0 204
#3300CC
- 51 51 204
#3333CC
- 0 0 153
#000099
- 0 0 102
#000066
- 102 153 255
#6699FF
- 51 102 255
#3366FF
- 0 0 255
#0000FF
- 0 0 204
#0000CC
- 0 51 204
#0033CC
- 0 0 51
#000033
- 0 102 255
#0066FF
- 0 102 204
#0066CC
- 51 102 204
#3366CC
- 0 51 255
#0033FF
- 0 51 153
#003399
- 0 51 102
#003366
- 153 204 255
#99CCFF
- 51 153 255
#3399FF
- 0 153 255
#0099FF
- 102 153 204
#6699CC
- 51 102 153
#336699
- 0 102 153
#006699
- 102 204 255
#66CCFF
- 51 204 255
#33CCFF
- 0 204 255
#00CCFF
- 51 153 204
#3399CC
- 0 153 204
#0099CC
- 0 51 51
#003333
- 153 204 204
#99CCCC
- 102 204 204
#66CCCC
- 51 153 153
#339999
- 102 153 153
#669999
- 0 102 102
#006666
- 51 102 102
#336666
- 204 255 255
#CCFFFF
- 153 255 255
#99FFFF
- 102 255 255
#66FFFF
- 51 255 255
#33FFFF
- 0 255 255
#00FFFF
- 0 204 204
#00CCCC
- 153 255 204
#99FFCC
- 102 255 204
#66FFCC
- 51 255 204
#33FFCC
- 0 255 204
#00FFCC
- 51 204 204
#33CCCC
- 0 153 153
#009999
- 102 204 153
#66CC99
- 51 204 153
#33CC99
- 0 204 153
#00CC99
- 51 153 102
#339966
- 0 153 102
#009966
- 0 102 51
#006633
- 102 255 153
#66FF99
- 51 255 153
#33FF99
- 0 255 153
#00FF99
- 51 204 102
#33CC66
- 0 204 102
#00CC66
- 0 153 51
#009933
- 153 255 153
#99FF99
- 102 255 102
#66FF66
- 51 255 102
#33FF66
- 0 255 102
#00FF66
- 51 153 51
#339933
- 0 102 0
#006600
- 204 255 204
#CCFFCC
- 153 204 153
#99CC99
- 102 204 102
#66CC66
- 102 153 102
#669966
- 51 102 51
#336633
- 0 51 0
#003300
- 51 255 51
#33FF33
- 0 255 51
#00FF33
- 0 255 0
#00FF00
- 0 204 0
#00CC00
- 51 204 51
#33CC33
- 0 204 51
#00CC33
- 102 255 0
#66FF00
- 102 255 51
#66FF33
- 51 255 0
#33FF00
- 51 204 0
#33CC00
- 51 153 0
#339900
- 0 153 0
#009900
- 204 255 153
#CCFF99
- 153 255 102
#99FF66
- 102 204 0
#66CC00
- 102 204 51
#66CC33
- 102 153 51
#669933
- 51 102 0
#336600
- 153 255 0
#99FF00
- 153 255 51
#99FF33
- 153 204 102
#99CC66
- 153 204 0
#99CC00
- 153 204 51
#99CC33
- 102 153 0
#669900
- 204 255 102
#CCFF66
- 204 255 0
#CCFF00
- 204 255 51
#CCFF33
- 204 204 153
#CCCC99
- 102 102 51
#666633
- 51 51 0
#333300
- 204 204 102
#CCCC66
- 204 204 51
#CCCC33
- 153 153 102
#999966
- 153 153 51
#999933
- 153 153 0
#999900
- 102 102 0
#666600
- 255 255 255
#FFFFFF
- 204 204 204
#CCCCCC
- 153 153 153
#999999
- 102 102 102
#666666
- 51 51 51
#333333
- 0 0 0
#000000
Крутая шпаргалка по сочетанию цветов
Ребята, мы вкладываем душу в AdMe.ru. Cпасибо за то,
что открываете эту
красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook и ВКонтакте
Правильное сочетание цветов — одна из важных составляющих совершенного образа и стильного и целостного интерьера. Именно поэтому мы решили поделиться шпаргалкой, с которой вы точно не промахнетесь при выборе одежды или дизайна квартиры.
Схема № 1. Комплементарное сочетание
Комплементарными, или дополнительными, контрастными, являются цвета, которые расположены на противоположных сторонах цветового круга Иттена. Выглядит их сочетание очень живо и энергично, особенно при максимальной насыщенности цвета.
Схема № 2. Триада — сочетание 3 цветов
Сочетание 3 цветов, лежащих на одинаковом расстоянии друг от друга. Обеспечивает высокую контрастность при сохранении гармонии. Такая композиция выглядит достаточно живой даже при использовании бледных и ненасыщенных цветов.
Схема № 3. Аналогичное сочетание
Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.
Схема № 4. Раздельно-комплементарное сочетание
Вариант комплементарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета. Сочетание основного цвета и двух дополнительных. Выглядит эта схема почти настолько же контрастно, но не настолько напряженно. Если вы не уверены, что сможете правильно использовать комплементарные сочетания, — используйте раздельно-комплементарные.