Подробную информацию об использовании цветов в HTML и CSS, способах указания цвета с помощью шестнадцатеричных значений, значений цвета RGB, RGBA, HSL, HSLA и с помощью предопределённых цветов, вы сможете найти в следующих статьях учебников:
- Близко Связаны
- Косвенно Связаны
- Отдаленно Связаны
- Дополнение
- Аналоги
- Разделение
- Триада
- Квадрат
- Троичная
- #fffdd0 линейный градиент до дополнительного #d0e6ff
- Монохроматические Цвета
- Оттенки
- Связанные краски
- Caparol
- Natural Color System / NCS
- Brighto Paints
- Valspar Paint
- TRUMATCH
- Homebase
- Little Greene
- Albany Paint
- Peintures MF
- Jedynka
- Plascon
- California Paints
- McCormick Paints
- Teknos
- Alcro
- Focoltone
- Resene
- Earthborn
- Opaltone / OMS
- Benjamin Moore
- Pascol
- Dunn-Edwards
- Caran d'Ache
- Sigma
- Volkswagen
- Dulux
- Kansai Paint
- GM / General Motors
- Vista Paint
- Rodda Paint
- Designers Guild
- Nippon Paint
- Chrysler
- Cloverdale Paint
- Tikkurila
- Duron
- Colorhouse
- Diamond Vogel
- Games Workshop - Citadel
- Brillux
- General Paint
- Tollens
- Australian Standard AS2700
- Taubmans
- Dulux Australia
- Berger
- New Look
- Craig & Rose
- Pantone / PMS
- Farrow & Ball
- Zoffany
- Glidden
- Asian Paints
- Evonik-Degussa
- Devoe Paint
- Sikkens
- Laura Ashley
- Kelly-Moore
- Porter Paints
- Graham & Brown
- Diamond Paint
- Bristol
- Scib Paints
- Beckers
- Clark+Kensington
- Colortrend
- Earthpaint
- PPG Pittsburgh Paints
- Coronado Paint
- Crown Diamond
- #fffdd0 передний план
- #fffdd0 фон
- #fffdd0 тень текста
кремовый цвета по шестнадцатеричному коду цвета #fffdd0 является очень светлый оттенком желтый. В модели цвета RGB #fffdd0 составляет 100% красного, 99.22% зеленого и 81.57% синего. В цветовом пространстве HSL #fffdd0 имеет оттенок 57° (градусов), 100% насыщенность и 91% светлости. Этот цвет имеет приблизительную длину волны в 571.11 nm.
Близко Связаны
Косвенно Связаны
Отдаленно Связаны
Скачать:
Дополнение
Аналоги
Разделение
Триада
Квадрат
Троичная
#fffdd0 линейный градиент до дополнительного #d0e6ff
Монохроматические Цвета
Оттенки
#fffdd0 в Белый
#fffdd0 в Черный
Связанные краски
Caparol
- ★ 93 22 85 / Ginster 120
#fcfcd0ΔE = 0.775 / LRV ≈ 94.9% - ★ 92 18 93 / Neapelgelb 40
#fcfcd4ΔE = 1.423 / LRV ≈ 95.1%
Natural Color System / NCS
#ffffd3ΔE = 0.840 / LRV ≈ 97.5%
#fff6c2ΔE = 3.348 / LRV ≈ 91.1%
Brighto Paints
#fffdd4ΔE = 0.996 / LRV ≈ 96.3%
#fcfaddΔE = 4.029 / LRV ≈ 94.3%
Valspar Paint
#ffffd6ΔE = 1.320 / LRV ≈ 97.6%
#f3f9d6ΔE = 3.851 / LRV ≈ 91.7%
#fefeccΔE = 1.339 / LRV ≈ 96.3%
#feffdcΔE = 2.741 / LRV ≈ 97.8%
TRUMATCH
#fffad0ΔE = 1.343 / LRV ≈ 94.2%
#fdf9cfΔE = 1.486 / LRV ≈ 93.1%
Homebase
#fdfbd3ΔE = 1.363 / LRV ≈ 94.6%
#fffac8ΔE = 1.776 / LRV ≈ 93.8%
Little Greene
#fcf9ceΔE = 1.381 / LRV ≈ 92.9%
#fcf6d8ΔE = 4.298 / LRV ≈ 91.6%
Albany Paint
#fafad0ΔE = 1.457 / LRV ≈ 93.3%
#fff1c7ΔE = 4.733 / LRV ≈ 88.3%
Peintures MF
#fcf8cbΔE = 1.680 / LRV ≈ 92.1%
#f2f5c5ΔE = 3.572 / LRV ≈ 88.2%
Jedynka
#fffbd5ΔE = 1.859 / LRV ≈ 95.1%
#fff5c7ΔE = 3.157 / LRV ≈ 90.7%
Plascon
#fcfcc8ΔE = 1.919 / LRV ≈ 94.5%
#fcfce0ΔE = 4.275 / LRV ≈ 95.7%
#fdf8c8ΔE = 1.947 / LRV ≈ 92.2%
#fcf7dcΔE = 4.790 / LRV ≈ 92.4%
California Paints
#fffcd7ΔE = 2.003 / LRV ≈ 95.8%
#fff9ddΔE = 4.457 / LRV ≈ 94.2%
McCormick Paints
#fff8ceΔE = 2.047 / LRV ≈ 92.9%
Teknos
#fef8c7ΔE = 2.150 / LRV ≈ 92.3%
#fefad6ΔE = 2.396 / LRV ≈ 94.3%
Alcro
#fff9c6ΔE = 2.244 / LRV ≈ 93.1%
#fff8bcΔE = 4.344 / LRV ≈ 92.0%
Focoltone
#fff9c5ΔE = 2.430 / LRV ≈ 93.0%
#fff8b9ΔE = 5.020 / LRV ≈ 91.9%
Resene
#f5f9cbΔE = 2.497 / LRV ≈ 91.5%
#f8f6d8ΔE = 4.258 / LRV ≈ 90.8%
Earthborn
#fffcc5ΔE = 2.547 / LRV ≈ 94.9%
#fff6d5ΔE = 3.975 / LRV ≈ 92.0%
Opaltone / OMS
#fffad7ΔE = 2.687 / LRV ≈ 94.5%
#fff9d6ΔE = 2.864 / LRV ≈ 93.9%
Benjamin Moore
#fbf5c9ΔE = 2.708 / LRV ≈ 90.0%
#f6f7dcΔE = 4.943 / LRV ≈ 91.3%
Pascol
#fffad8ΔE = 2.916 / LRV ≈ 94.6%
#fff7dbΔE = 4.782 / LRV ≈ 92.9%
Dunn-Edwards
#ffffdd / #ffdΔE = 2.917 / LRV ≈ 98.0%
#f4f2d3ΔE = 4.916 / LRV ≈ 87.4%
Caran d’Ache
#fcf9d8ΔE = 3.159 / LRV ≈ 93.4%
Sigma
#faf5d0ΔE = 3.192 / LRV ≈ 90.2%
#f4fdc8ΔE = 3.644 / LRV ≈ 93.7%
Volkswagen
#f4f5c6ΔE = 3.194 / LRV ≈ 88.6%
#fff0c3ΔE = 5.097 / LRV ≈ 87.5%
Dulux
#f7f4cdΔE = 3.268 / LRV ≈ 88.9%
#f6f5d9ΔE = 4.888 / LRV ≈ 89.9%
Kansai Paint
#fff5cdΔE = 3.311 / LRV ≈ 91.0%
#fff8d8ΔE = 3.705 / LRV ≈ 93.4%
GM / General Motors
#fdf8c0ΔE = 3.375 / LRV ≈ 91.8%
#fffae1ΔE = 5.083 / LRV ≈ 95.1%
Vista Paint
#f8f3c5ΔE = 3.390 / LRV ≈ 88.1%
#fff7dbΔE = 4.782 / LRV ≈ 92.9%
Rodda Paint
#fef4cbΔE = 3.470 / LRV ≈ 90.1%
#fef3d1ΔE = 4.576 / LRV ≈ 89.8%
Designers Guild
#f6ffd8ΔE = 3.495 / LRV ≈ 96.1%
#f8fbe0ΔE = 4.791 / LRV ≈ 94.3%
Nippon Paint
#fbf3c4ΔE = 3.542 / LRV ≈ 88.6%
#fef3bbΔE = 4.823 / LRV ≈ 88.8%
Chrysler
#fff4c6ΔE = 3.548 / LRV ≈ 90.0%
#f6f4d2ΔE = 3.947 / LRV ≈ 88.9%
Cloverdale Paint
#f3f3c7ΔE = 3.646 / LRV ≈ 87.3%
#f7f1d1ΔE = 4.943 / LRV ≈ 87.3%
Tikkurila
#f8f2c8ΔE = 3.700 / LRV ≈ 87.6%
#f2f1c2ΔE = 4.330 / LRV ≈ 85.7%
Duron
#f6f2c5ΔE = 3.713 / LRV ≈ 87.1%
#fdf6d9ΔE = 4.578 / LRV ≈ 91.8%
Colorhouse
#fff5d1ΔE = 3.774 / LRV ≈ 91.2%
#fef2c2ΔE = 4.280 / LRV ≈ 88.5%
Diamond Vogel
#faf2c8ΔE = 3.781 / LRV ≈ 88.0%
#f9f0c7ΔE = 4.484 / LRV ≈ 86.6%
Games Workshop — Citadel
#fcfcdeΔE = 3.783 / LRV ≈ 95.6%
Brillux
#f3f3ccΔE = 3.822 / LRV ≈ 87.5%
#f2f1baΔE = 5.137 / LRV ≈ 85.3%
General Paint
#fcf3cdΔE = 3.842 / LRV ≈ 89.2%
#fef1bfΔE = 4.801 / LRV ≈ 87.7%
Tollens
#fdf5d3ΔE = 3.847 / LRV ≈ 90.9%
#faf1caΔE = 4.295 / LRV ≈ 87.5%
Australian Standard AS2700
#f4f3ceΔE = 3.903 / LRV ≈ 87.8%
Taubmans
#fff3c4ΔE = 3.976 / LRV ≈ 89.3%
#fef1c8ΔE = 4.622 / LRV ≈ 88.2%
Dulux Australia
#f7f3d0ΔE = 3.990 / LRV ≈ 88.4%
#fbefc0ΔE = 5.051 / LRV ≈ 86.0%
Berger
#f7f3d1ΔE = 4.132 / LRV ≈ 88.5%
#f3f0d0ΔE = 5.243 / LRV ≈ 85.9%
New Look
#fdf2c1ΔE = 4.230 / LRV ≈ 88.2%
#f3f3d0ΔE = 4.232 / LRV ≈ 87.7%
#f4f1bcΔE = 4.745 / LRV ≈ 85.8%
Craig & Rose
#f4f3beΔE = 4.245 / LRV ≈ 87.1%
Pantone / PMS
#faf1c0ΔE = 4.347 / LRV ≈ 87.0%
#f3f0c6ΔE = 4.438 / LRV ≈ 85.5%
Farrow & Ball
#fff6d7ΔE = 4.362 / LRV ≈ 92.1%
Zoffany
#fff4d2ΔE = 4.393 / LRV ≈ 90.6%
#f3efccΔE = 5.142 / LRV ≈ 85.1%
Glidden
#f7f0c2ΔE = 4.408 / LRV ≈ 86.0%
#fcefc1ΔE = 5.117 / LRV ≈ 86.3%
Asian Paints
#f9f0c1ΔE = 4.526 / LRV ≈ 86.3%
#f7efbbΔE = 5.199 / LRV ≈ 85.1%
Evonik-Degussa
#f2f0c8ΔE = 4.563 / LRV ≈ 85.4%
#fff2bdΔE = 4.856 / LRV ≈ 88.4%
Devoe Paint
#fbf0c6ΔE = 4.614 / LRV ≈ 86.9%
#fcf0cdΔE = 5.217 / LRV ≈ 87.4%
Sikkens
#f3f1ceΔE = 4.639 / LRV ≈ 86.4%
Laura Ashley
#fbf1cdΔE = 4.651 / LRV ≈ 87.8%
Kelly-Moore
#fbf6daΔE = 4.683 / LRV ≈ 91.5%
#f9f3d6ΔE = 5.006 / LRV ≈ 89.1%
Porter Paints
#f5efc3ΔE = 4.686 / LRV ≈ 85.1%
#f3efcdΔE = 5.247 / LRV ≈ 85.2%
Graham & Brown
#f6efc5ΔE = 4.697 / LRV ≈ 85.4%
Diamond Paint
#f2f5d6ΔE = 4.727 / LRV ≈ 89.0%
#fff1c0ΔE = 4.859 / LRV ≈ 88.0%
Bristol
#f0f2d0ΔE = 4.871 / LRV ≈ 86.6%
#fff0c3ΔE = 5.097 / LRV ≈ 87.5%
#fdf1cdΔE = 4.874 / LRV ≈ 88.2%
#fdf1ceΔE = 4.989 / LRV ≈ 88.3%
Scib Paints
#fcf0caΔE = 4.929 / LRV ≈ 87.3%
#f8f4d9ΔE = 5.183 / LRV ≈ 89.7%
Beckers
#f4f0ceΔE = 4.954 / LRV ≈ 86.0%
Clark+Kensington
#f7f3d6ΔE = 4.977 / LRV ≈ 88.7%
#f7efccΔE = 5.159 / LRV ≈ 85.9%
Colortrend
#faf2b9ΔE = 5.029 / LRV ≈ 87.3%
#fcefc2ΔE = 5.095 / LRV ≈ 86.3%
Earthpaint
#f9f0ceΔE = 5.057 / LRV ≈ 86.9%
PPG Pittsburgh Paints
#f5eec6ΔE = 5.079 / LRV ≈ 84.6%
#f6eec0ΔE = 5.088 / LRV ≈ 84.5%
Coronado Paint
#f8efcbΔE = 5.109 / LRV ≈ 86.0%
#f1f0ceΔE = 5.120 / LRV ≈ 85.5%
#f5f2d5ΔE = 5.210 / LRV ≈ 87.7%
Crown Diamond
#f5f2d5ΔE = 5.210 / LRV ≈ 87.7%
#fffdd0 передний план
Семь вёрст до небе́с, да всё ле́сом.
#fffdd0 фон
#fffdd0 тень текста
Алты́нного во́ра ве́шают, а полти́нного че́ствуют.
Цвета 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 |
Интересное:
Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!
Увы, комментариев пока нет. Станьте первым!