- Цвет фона в HTML
- Палитра цвета
- Цвет в HTML: Цвет фона
- HTML таблица цветов
- Цвет фона и настройки экрана
- Pink / Розовый / #ffc0cb Шестнадцатеричный Код Цветов
- Цветовые вариации
- Именованные цвета
- Близко Связаны
- Косвенно Связаны
- Отдаленно Связаны
- Цветовые схемы
- Дополнение
- Аналоги
- Разделение
- Триада
- Квадрат
- Троичная
- #ffc0cb линейный градиент до дополнительного #cff0ec
- Монохроматические Цвета
- Тоны
- Оттенки
- #ffc0cb в Белый
- #ffc0cb в Черный
- Краски
- Связанные краски
- California Paints
- Pantone / PMS
- Krylon
- Cloverdale Paint
- Rodda Paint
- Diamond Vogel
- Colortrend
- ECOS Paints
- Valspar Paint
- Vista Paint
- Berger
- Scib Paints
- Duron
- Glidden
- Porter Paints
- PPG Pittsburgh Paints
- Coronado Paint
- Peintures MF
- Kelly-Moore
- Plascon
- Asian Paints
- Taubmans
- Nippon Paint
- Crown Diamond
- FolkArt
- Natural Color System / NCS
- Evonik-Degussa
- General Paint
- Bristol
- Ressource Peintures
- Comex
- Diamond Paint
- Nerolac
- Sico
- Benjamin Moore
- Resene
- Alcro
- Delta
- Behr
- Dunn-Edwards
- Pratt & Lambert
- CHROMATIC
- #ffc0cb HTML и CSS Примеры
- #ffc0cb передний план
- #ffc0cb фон
- #ffc0cb тень текста
- Чарт Композиций
- RGB
- CMYK
- RYB
- Цветовые пространства
- Цветовые коды CSS
- Установка цвета фона элемента
- Установка цвета границы элемента
- Красные цвета
- Оранжевые цвета
- Желтые цвета
- Зеленые цвета
- Голубые цвета
- Синие цвета
- Фиолетовые цвета
- Розовые цвета
- Белые цвета
- Серые цвета
- Коричневые цвета
- Смотрите также
Цвет фона в HTML
Давайте начнем с рассмотрения того, как сделать нашу первую HTML- страницу такой, какой мы хотим ее видеть.
В HTML мы можем установить цвет фона, используя относительный атрибут тега body. Итак:
Палитра цвета
В данной таблица цветов вы можете переводить выбранный вами цвет в RGB код (для создания цвета в графическом редакторе) и HEX код (для обозначения цвета в HTML).
Цвет в HTML: Цвет фона
bgcolor означает «цвет фона». Многие цвета доступны с использованием соответствующих ключевых слов на английском языке.
В качестве альтернативы предпочтительнее использовать стиль CSS, так как цвет фона является эстетической особенностью страницы:
Однако не рекомендуется вводить цветовую нотацию, ссылаясь на этот тип синтаксиса, поскольку мы не можем точно знать, какой цветовой оттенок соответствует компьютеру пользователя. Во многих случаях предпочтительнее использовать соответствующую шестнадцатеричную цветовую кодировку, которая позволяет нам — среди прочего — также выбирать нестандартные цветовые тона. С шестнадцатеричной записью наш пример становится:
HTML таблица цветов
Вы можете скачать палитру цветов которая сожержит более 100 цветов с названиями и кодами
Скачать палитру цветов с кодами
Вот таблица с обозначениями некоторых цветов (многие из них также доступны в «темном» и «светлом» вариантах, например: “darkblue”, “lightblue” ):
цвет | ключевое слово | шестнадцатеричное обозначение |
---|---|---|
оранжевый | orange | #ffa500 |
синий | blue | #0000ff |
белый | white | #ffffff |
желтый | yellow | #ffff00 |
серый | gray | #808080 |
коричневый | brown | #a52a2a |
черный | black | #000000 |
красный | red | #ff0000 |
зеленый | green | #008000 |
фиолетовый | violet | #ee82ee |
Кстати цвет фона ячейки в таблице задан вот таким образом
Количество доступных цветов зависит от видеокарты. Сегодня мы переходим от минимального разрешения 256 цветов к разрешению, которое обеспечивает миллионы цветов.
Цвет фона и настройки экрана
Поскольку нет способа узнать, какая видеокарта у пользователя (или как он ее установил), веб-дизайнеры давно ссылаются на «безопасную палитру» из 256 цветов, на которую пользователь, безусловно, способен дисплей. Это называется безопасная веб- палитра.
Однако следует сказать, что подавляющее большинство компьютеров настроено отображать как минимум тысячи цветов, поэтому использование «безопасной веб-палитры» уже не так строго необходимо (это было в первые годы существования Интернета).
Pink / Розовый / #ffc0cb Шестнадцатеричный Код Цветов
pink / Розовый цвета по шестнадцатеричному коду цвета #ffc0cb является очень светлый оттенком розово-красный. В модели цвета RGB #ffc0cb составляет 100% красного, 75.29% зеленого и 79.61% синего. В цветовом пространстве HSL #ffc0cb имеет оттенок 350° (градусов), 100% насыщенность и 88% светлости. Этот цвет имеет приблизительную длину волны в 494.62 nm.
Цветовые вариации
Именованные цвета
Близко Связаны
Косвенно Связаны
Отдаленно Связаны
Цветовые схемы
Дополнение
Аналоги
Разделение
Триада
Квадрат
Троичная
#ffc0cb линейный градиент до дополнительного #cff0ec
Монохроматические Цвета
Тоны
Оттенки
#ffc0cb в Белый
#ffc0cb в Черный
Краски
Связанные краски
California Paints
Pantone / PMS
Krylon
Cloverdale Paint
Rodda Paint
Diamond Vogel
Colortrend
ECOS Paints
Valspar Paint
Vista Paint
Berger
Scib Paints
Duron
Glidden
Porter Paints
PPG Pittsburgh Paints
Coronado Paint
Peintures MF
Kelly-Moore
Plascon
Asian Paints
Taubmans
Nippon Paint
Crown Diamond
FolkArt
Natural Color System / NCS
Evonik-Degussa
General Paint
Bristol
Ressource Peintures
Comex
Diamond Paint
Nerolac
Sico
Benjamin Moore
Resene
Alcro
Delta
Behr
Dunn-Edwards
Pratt & Lambert
CHROMATIC
#ffc0cb HTML и CSS Примеры
#ffc0cb передний план
#ffc0cb фон
#ffc0cb тень текста
Чарт Композиций
RGB
CMYK
RYB
Цветовые пространства
Десятичный 16761035 Двоичный 11111111, 11000000, 11001011 Шестнадцатеричный #ffc0cb LRV ≈ 63.3% Ближайший короткий шестигранник #fbc ΔE = 2.351 RGB rgb(255, 192, 203) RGBA rgba(255, 192, 203, 1.0) Цветность rg r: 0.392, g: 0.295, b: 0.312 RYB красный: 100.000%, желтый: 75.294%, синий: 79.608% Android / android.graphics.Color -16181 / 0xffffc0cb HSL hsl(350, 100%, 88%) HSLA hsla(350, 100%, 88%, 1.0) HSV / HSB оттенок: 350° (349.524), насыщение: 25% (0.247), стоимость: 100% (1.000) HSP оттенок: 349.524, насыщение: 24.706%, воспринимаемая яркость: 83.906% HSLuv (HUSL) H: 0.653, S: 100.019, L: 83.587 Cubehelix H: -18.963, S: 0.676, L: 0.832 TSL T: 4.116, S: 0.094, L: 0.832 CMYK голубой: 0% (0.000), пурпурный: 25% (0.247), желтый: 20% (0.204), чёрный: 0% (0.000) CMY голубой: 0% (0.000), пурпурный: 25% (0.247), желтый: 20% (0.204) XYZ X: 70.870, Y: 63.274, Z: 64.969 xyY x: 0.356, y: 0.318, Y: 63.274 CIELab L: 83.587, a: 24.144, b: 3.326 CIELuv L: 83.587, u: 38.572, v: 0.440 CIELCH / LCHab L: 83.587, C: 24.372, H: 7.843 CIELUV / LCHuv L: 83.587, C: 38.575, H: 0.653 Hunter-Lab L: 79.545, a: 19.828, b: 7.257 CIECAM02 J: 79.492, C: 24.641, h: 7.850, Q: 175.659, M: 21.548, s: 35.024, H: 387.607 OSA-UCS расторопность: -10.091, желтый: 0.072, зеленый: -3.832 LMS L: 68.565, M: 57.941, S: 64.963 YCbCr Y: 198.197, Cb: 123.505, Cr: 154.876 YCoCg Y: 210.500, Cg: -18.500, Co: 76.750 YDbDr Y: 212.091, Db: -13.687, Dr: -81.592 YPbPr Y: 206.211, Pb: -1.745, Pr: 30.994 xvYCC Y: 193.099, Cb: 126.467, Cr: 155.226 YIQ Y: 212.091, I: 33.996, Q: 16.744 YUV Y: 212.091, U: -4.471, V: 37.645 Okhsl h: 7.086, s: 1.000, l: 0.846 Okhsv h: 7.086. s: 0.267, v: 1.000 Okhwb h: 7.086, w: 0.733, b: 0.000 Oklab l: 0.868, a: 0.073, b: 0.009 Oklch l: 0.868, c: 0.074, h: 7.086 Цветовая Система Манселл 10RP 8/6 ΔE = 2.772 Цвет бренда Heroku (light) ΔE = 20.274
Цветовые коды CSS
Для всех однотипных элементов. Поместите код в тег
пример
Установка красного цвета текста абзаца:
Установка цвета определенного абзаца:
Установка цвета всех абзацев
Установка цвета фона элемента
пример
Установка красного цвета фона абзаца:
Установка цвета фона определенного абзаца:
Установка цвета фона всех абзацев:
Установка цвета границы элемента
element < border-color: topcode rightcode bottomcode leftcode >
пример
Установка красного, зеленого, синего и черного цвета границы абзаца:
Установка цвета границы конкретного абзаца:
Установка цвета границы всех абзацев:
Красные цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
лосось | # FFA07A | RGB (255,160,122) | |
лосось | # FA8072 | RGB (250,128,114) | |
темный лосось | # E9967A | RGB (233,150,122) | |
светло-коралловый | # F08080 | rgb (240,128,128) | |
индийский | # CD5C5C | RGB (205,92,92) | |
малиновый | # DC143C | RGB (220,20,60) | |
огнеупорный кирпич | # B22222 | RGB (178,34,34) | |
красный | # FF0000 | RGB (255,0,0) | |
темно-красный | # 8B0000 | RGB (139,0,0) |
Оранжевые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
коралл | # FF7F50 | RGB (255,127,80) | |
помидор | # FF6347 | RGB (255,99,71) | |
Оранжево-красный | # FF4500 | RGB (255,69,0) | |
золото | # FFD700 | RGB (255 215,0) | |
апельсин | # FFA500 | RGB (255,165,0) | |
темно-оранжевый | # FF8C00 | RGB (255,140,0) |
Желтые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
светло-желтого | # FFFFE0 | rgb (255 255 224) | |
лимонный шифон | #FFFACD | rgb (255 250 205) | |
светзолото-желтый | # FAFAD2 | RGB (250,250,210) | |
папайавип | # FFEFD5 | rgb (255 239 213) | |
мокасины | # FFE4B5 | rgb (255 228 181) | |
персиковый | # FFDAB9 | rgb (255 218 185) | |
Palegoldenrod | # EEE8AA | RGB (238 232 170) | |
цвет хаки | # F0E68C | RGB (240,230,140) | |
темный хаки | # BDB76B | RGB (189 183 107) | |
желтый | # FFFF00 | RGB (255,255,0) |
Зеленые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
газон | # 7CFC00 | RGB (124,252,0) | |
шартрез | # 7FFF00 | RGB (127,255,0) | |
салатовый | # 32CD32 | RGB (50,205,50) | |
Лайм | # 00FF00 | RGB (0,255,0) | |
зеленый лес | # 228B22 | RGB (34,139,34) | |
зеленый | # 008000 | RGB (0,128,0) | |
темно-зеленый | # 006400 | rgb (0,100,0) | |
желто-зеленый | # ADFF2F | RGB (173,255,47) | |
желтый зеленый | # 9ACD32 | RGB (154,205,50) | |
весенне-зеленый | # 00FF7F | RGB (0,255,127) | |
средний весенний | # 00FA9A | RGB (0,250,154) | |
светло-зеленый | # 90EE90 | RGB (144 238 144) | |
бледно-зеленый | # 98FB98 | RGB (152 251 152) | |
темно-зеленый | # 8FBC8F | RGB (143 188 143) | |
средний | # 3CB371 | RGB (60 179 113) | |
цвет морской волны | # 2E8B57 | RGB (46,139,87) | |
оливковый | # 808000 | RGB (128,128,0) | |
темно-оливковый | # 556B2F | RGB (85,107,47) | |
оливковый | # 6B8E23 | RGB (107,142,35) |
Голубые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
светло-голубой | # E0FFFF | RGB (224,255,255) | |
голубой | # 00FFFF | RGB (0,255,255) | |
аква | # 00FFFF | RGB (0,255,255) | |
Аквамарин | # 7FFFD4 | rgb (127,255,212) | |
среднийаквамарин | # 66CDAA | RGB (102 205 170) | |
палитра бирюза | #AFEEEE | RGB (175 238 238) | |
бирюзовый | # 40E0D0 | RGB (64 224 208) | |
средняя бирюза | # 48D1CC | RGB (72 209 204) | |
темно-бирюзовый | # 00CED1 | RGB (0,206,209) | |
свет | # 20B2AA | RGB (32 178 170) | |
кадетсиний | # 5F9EA0 | RGB (95 158 160) | |
темно-синий | # 008B8B | RGB (0,139,139) | |
бирюзовый | # 008080 | RGB (0,128,128) |
Синие цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
синий порошок | # B0E0E6 | rgb (176,224,230) | |
светло-синий | # ADD8E6 | RGB (173 216 230) | |
светнебосиний | # 87CEFA | RGB (135 206 250) | |
голубое небо | # 87CEEB | RGB (135 206 235) | |
темно-синий | # 00BFFF | RGB (0,191,255) | |
светстальсиний | # B0C4DE | RGB (176 196 222) | |
голубой | # 1E90FF | RGB (30,144,255) | |
васильковый | # 6495ED | RGB (100 149 237) | |
стальной синий | # 4682B4 | RGB (70 130 180) | |
Королевский синий | # 4169E1 | RGB (65,105,225) | |
синий | # 0000FF | RGB (0,0,255) | |
средне-синий | # 0000CD | RGB (0,0,205) | |
темно-синий | # 00008B | RGB (0,0,139) | |
флот | # 000080 | RGB (0,0,128) | |
темно-синий | # 191970 | RGB (25,25,112) | |
средний | # 7B68EE | RGB (123 104 238) | |
сланцево-синий | # 6A5ACD | RGB (106,90,205) | |
темно-синий | # 483D8B | RGB (72,61,139) |
Фиолетовые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
лаванда | # E6E6FA | RGB (230,230,250) | |
чертополох | # D8BFD8 | RGB (216,191,216) | |
слива | # DDA0DD | RGB (221 160 221) | |
Виолетта | # EE82EE | RGB (238 130 238) | |
орхидея | # DA70D6 | RGB (218 112 214) | |
фуксия | # FF00FF | RGB (255,0,255) | |
пурпурный | # FF00FF | RGB (255,0,255) | |
среднеорхид | # BA55D3 | RGB (186,85,211) | |
среднефиолетовый | # 9370DB | RGB (147 112 219) | |
сине-фиолетовый | # 8A2BE2 | RGB (138,43,226) | |
темно-фиолетовый | # 9400D3 | RGB (148,0 211) | |
Darkorchid | # 9932CC | RGB (153,50,204) | |
темно-пурпурный | # 8B008B | RGB (139,0,139) | |
фиолетовый | # 800080 | RGB (128,0,128) | |
индиго | # 4B0082 | RGB (75,0,130) |
Розовые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
розовый | # FFC0CB | RGB (255 192 203) | |
светло-розовый | # FFB6C1 | RGB (255 182 193) | |
ярко-розовый | # FF69B4 | RGB (255 105 180) | |
темно-розовый | # FF1493 | RGB (255, 20, 147) | |
бледно-фиолетовый | # DB7093 | RGB (219 112 147) | |
среднефиолетовый | # C71585 | RGB (199,21,133) |
Белые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
белый | #FFFFFF | RGB (255,255,255) | |
снег | #FFFAFA | rgb (255,250,250) | |
нектар | # F0FFF0 | RGB (240,255,240) | |
мятный крем | # F5FFFA | rgb (245,255,250) | |
лазурный | # F0FFFF | RGB (240,255,255) | |
алиса синий | # F0F8FF | RGB (240 248 255) | |
призрачный | # F8F8FF | RGB (248 248 255) | |
белый дым | # F5F5F5 | RGB (245 245 245) | |
морская ракушка | # FFF5EE | rgb (255 245 238) | |
бежевый | # F5F5DC | RGB (245 245 220) | |
старое платье | # FDF5E6 | RGB (253 245 230) | |
цветочный белый | # FFFAF0 | rgb (255,250,240) | |
слоновая кость | # FFFFF0 | rgb (255 255 240) | |
античный | # FAEBD7 | rgb (250 235 215) | |
белье | # FAF0E6 | RGB (250,240,230) | |
лаванда | # FFF0F5 | RGB (255 240 245) | |
туманная роза | # FFE4E1 | rgb (255 228 225) |
Серые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
Gainsboro | #DCDCDC | RGB (220,220,220) | |
светло-серый | # D3D3D3 | RGB (211 211 211) | |
Серебряный | # C0C0C0 | RGB (192,192,192) | |
темно-серый | # A9A9A9 | RGB (169 169 169) | |
серый | # 808080 | RGB (128,128,128) | |
тусклый | # 696969 | RGB (105 105 105) | |
свет | # 778899 | RGB (119,136,153) | |
шифер серый | # 708090 | rgb (112,128,144) | |
темно-серый | # 2F4F4F | RGB (47,79,79) | |
черный | # 000000 | rgb (0,0,0) |
Коричневые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
кукурузные рыльца | # FFF8DC | RGB (255 248 220) | |
бланшированный миндаль | #FFEBCD | RGB (255 235 205) | |
бисквит | # FFE4C4 | RGB (255 228 196) | |
навайовайт | #FFDEAD | rgb (255 222 173) | |
пшеница | # F5DEB3 | RGB (245 222 179) | |
Burlywood | # DEB887 | RGB (222 184 135) | |
загар | # D2B48C | RGB (210,180,140) | |
розово-коричневый | # BC8F8F | RGB (188 143 143) | |
песочно-коричневый | # F4A460 | RGB (244,164,96) | |
золотарник | # DAA520 | RGB (218,165,32) | |
Перу | # CD853F | RGB (205,133,63) | |
шоколад | # D2691E | RGB (210,105,30) | |
седло-коричневый | # 8B4513 | RGB (139,69,19) | |
Сиена | # A0522D | RGB (160,82,45) | |
коричневый | # A52A2A | RGB (165,42,42) | |
бордовый | # 800000 | RGB (128,0,0) |