ТАБЛИЦА ЦВЕТОВ HTML, CSS
таблица кодов и кодировок цветов html, чтобы задать и выделить цвет текста, ссылок, тегов, рамки, страницы, фона, ячейки
Таблица цветов HTML, CSS
| Название цветов HTML, CSS | Коды цветов HTML, CSS | Цвета HTML, CSS | Название цветов HTML, CSS | Коды цветов HTML, CSS | Цвета HTML, CSS |
|---|---|---|---|---|---|
| Кармин | #960018 | Желто-зеленый | #adff2f | ||
| Кардинал | #c41e3a | Салатовый | #99ff99 | ||
| Тициановый | #d53e07 | Зеленой мяты | #98ff98 | ||
| Красный | #ff0000 | Зеленого чая | #d0f0c0 | ||
| Алый | #ff2400 | Темного зеленого чая | #badbad | ||
| Карминово-красный | #ff0033 | Зеленого мха | #addfad | ||
| Киноварь | #ff4d00 | Серо-зеленый | #ace1af | ||
| Международный оранжевый | #ff4f00 | Бледно-зеленый | #77dd77 | ||
| Ализариновый | #e32636 | Зелено-морской | #2e8b57 | ||
| Малиновый | #dc143c | Темно-зеленый | #013220 | ||
| Каштановый | #cd5c5c | Красного моря | #1f4037 | ||
| Темно-коралловый | #cd5b45 | Темный весенне-зеленый | #177245 | ||
| Морковный | #f36223 | Нефритовый | #00a86b | ||
| Сиена жженая | #e97451 | Изумрудный | #50c878 | ||
| Коралловый | #ff7f50 | Темный пастельно-зеленый | #03c03c | ||
| Лососевый | #ff8c69 | Малахитовый | #0bda51 | ||
| Темно-лососевый | #e9967a | Весенне-зеленый | #00ff7f | ||
| Оранжево-розовый | #ff9966 | Аквамариновый | #7fffd4 | ||
| Сомон | #efaf8c | Панг | #c7fcec | ||
| Розовый | #ffc0cb | Лягушки в обмороке | #7b917b | ||
| Бледно-розовый | #fadadd | Маренго | #4c5866 | ||
| Розовато-лавандовый | #fff0f5 | Серой спаржи | #465945 | ||
| Бледно-песочный | #fdeaa8 | Аспидно-серый | #2f4f4f | ||
| Циннвальдитовый | #ebc2af | Темно-бирюзовый | #116062 | ||
| Бледно-коричневый | #987654 | Мурена | #1c6b72 | ||
| Темно-каштановый | #986960 | Зеленой сосны | #01796f | ||
| Красновато-коричневый | #755a57 | Cине-зеленый | #008080 | ||
| Кофейный | #442d25 | Яйца дрозда | #00cccc | ||
| Бистр | #3d2b1f | Бирюзовый | #30d5c8 | ||
| Темно-коричневый | #654321 | Ярко-бирюзовый | #08e8de | ||
| Коричный | #7b3f00 | Циан | #00ffff | ||
| Медвежьего ушка | #834d18 | Электрик | #7df9ff | ||
| Сепия | #704214 | Бледно-синий | #afeeee | ||
| Умбра | #734a12 | Серебристый | #c0c0c0 | ||
| Кирпичный | #884535 | Светло-серый | #bbbbbb | ||
| Терракотовый | #904d30 | Кварцевый | #99958c | ||
| Коричневый | #964b00 | Серого шифера | #708090 | ||
| Камелопардовый | #a25f2a | Серый | #808080 | ||
| Краснобуро-оранжевый | #cd5700 | Мокрого асфальта | #505050 | ||
| Выгоревший оранжевый | #cc5500 | Антрацитовый | #464451 | ||
| Шоколадный | #d2691e | Черный | #000000 | ||
| Охра | #cc7722 | Берлинской лазури | #003153 | ||
| Медный | #b87333 | Сапфировый | #082567 | ||
| Светло-коричневый | #cd853f | Полуночно-синий | #003366 | ||
| Ванильный | #d5713f | Темно-синий | #000080 | ||
| Рыжий | #d77d31 | Ультрамариновый | #120a8f | ||
| Бронзовый | #cd7f32 | Синей пыли | #003399 | ||
| Темно-золотой | #b8860b | Темно-лазурный | #08457e | ||
| Золотисто-березовый | #daa520 | Черного моря | #1a4780 | ||
| Гуммигут | #e49b0f | Синий | #0000ff | ||
| Сиена | #e28b00 | Кобальтовый | #0047ab | ||
| Темно-мандариновый | #ea7500 | Лазурно-синий | #2a52be | ||
| Тыквенный | #ff7518 | Джинсовый | #1560bd | ||
| Последний вздох Жако | #ff9218 | Королевский синий | #4169e1 | ||
| Мандариновый | #ff8800 | Лазурно-серый | #007ba7 | ||
| Сигнальный оранжевый | #ff9900 | Синий Клейна | #3a75c4 | ||
| Оранжевый | #ffa500 | Синей стали | #4682b4 | ||
| Отборный желтый | #ffba00 | Воды пляжа Бонди | #0095b6 | ||
| Янтарный | #ffbf00 | Лазурный | #007fff | ||
| Яндекса | #ffcc00 | Морской волны | #008cf0 | ||
| Желтого школьного автобуса | #ffd800 | Защитно-синий | #1e90ff | ||
| Золотистый | #ffd700 | Голубой | #42aaff | ||
| Горчичный | #ffdb58 | Васильковый | #6495ed | ||
| Песочный | #fcdd76 | Сизый | #79a0c1 | ||
| Кожи буйвола | #f0dc82 | Ниагара | #9db1cc | ||
| Старого льна | #eedc82 | Небесный | #7fc7ff | ||
| Оранжево-персиковый | #ffcc99 | Бледно-васильковый | #abcdef | ||
| Белый навахо | #ffdead | Барвинковый | #ccccff | ||
| Темно-персиковый | #ffdab9 | Гридеперлевый | #c7d0cc | ||
| Желто-персиковый | #fadfad | Бороды Абдель-Керима | #d5d5d5 | ||
| Пшеничный | #f5deb3 | Лавандовый | #e6e6fa | ||
| Персиковый | #ffe5b4 | Чертополоховый | #d8bfd8 | ||
| Желто-розовый | #ffe4b2 | Сиреневый | #c8a2c8 | ||
| Побега папайи | #ffefd5 | Глициниевый | #c9a0dc | ||
| Морской пены | #fff5ee | Аметистовый | #9966cc | ||
| Белый | #ffffff | Серобуромалиновый | #735184 | ||
| Бежевый | #f5f5dc | Фиолетовый | #8b00ff | ||
| Льняной | #faf0e6 | Персидский синий | #6600ff | ||
| Бедра испуганной нимфы | #faeedd | Темно-фиолетовый | #423189 | ||
| Сливочный | #f2e8c9 | Темный индиго | #310062 | ||
| Пергидрольной блондинки | #eee6a3 | Индиго | #4b0082 | ||
| Желто-коричневый | #d2b48c | Темно-пурпурный | #660099 | ||
| Шамуа | #a08040 | Сливовый | #660066 | ||
| Темный желто-коричневый | #918151 | Фиолетово-баклажанный | #991199 | ||
| Хаки | #806b2a | Орхидеевый | #da70d6 | ||
| Темный хаки | #4c3c18 | Гелиотроповый | #df73ff | ||
| Оливковый | #808000 | Фиалковый | #ea8df7 | ||
| Нежно-оливковый | #6b8e23 | Бледно-пурпурный | #f984e5 | ||
| Латунный | #b5a642 | Фуксии | #f754e1 | ||
| Темно-грушевый | #d8a903 | Звезды в шоке | #ff47ca | ||
| Старого золота | #cfb53b | Пурпурный | #ff00ff | ||
| Шафрановый | #f4c430 | Ярко-розовый | #fc0fc0 | ||
| Грушевый | #efd334 | Ярко-фиолетовый | #cd00cd | ||
| Желтый | #ffff00 | Баклажановый | #990066 | ||
| Лимонный | #fde910 | Вишневый | #911e42 | ||
| Детской неожиданности | #f7f21a | Розовато-лиловый | #993366 | ||
| Кукурузный | #fbec5d | Фиолетово-красный | #c71585 | ||
| Вердепешевый | #dad871 | Светло-вишневый | #de3163 | ||
| Лимонно-кремовый | #fffacd | Темно-розовый | #e75480 | ||
| Слоновой кости | #fffddf | Лиловый | #db7093 | ||
| Кремовый | #f2ddc6 | Бледно-каштановый | #ddadaf | ||
| Серого зеленого чая | #cadaba | Пюсовый | #cc8899 | ||
| Болотный | #acb78e | Розовый Маунтбэттена | #997a8d | ||
| Cпаржи | #7ba05b | Бледный розовато-лиловый | #996666 | ||
| Защитный | #78866b | Умбра жженая | #8a3324 | ||
| Темно-оливковый | #556832 | Блошиного брюшка | #4e1609 | ||
| Зеленого папоротника | #4f7942 | Бурый | #45161c | ||
| Травяной | #5da130 | Темно-алый | #560319 | ||
| Влюбленной жабы | #3caa3c | Бургундский | #900020 | ||
| Вердепомовый | #34c924 | Коричнево-малиновый | #800000 | ||
| Зеленый | #00ff00 | Сангиновый | #92000a | ||
| Ярко-зеленый | #66ff00 | Бисмарк-фуриозо | #a5260a | ||
| Ядовито-зеленый | #7fff00 | Бордовый | #9b2d30 | ||
| Лаймовый | #ccff00 | Бледно-карминный | #af4035 | ||
| Фисташковый | #bef574 | Ржаво-коричневый | #b7410e |
© 2000-2013. Таблица кодов (кодировок, номера, названия, карта, генератор, палитра) всех и основных цветов html (css, хтмл, htm), чтобы задать (выделить, выбрать, узнать, выделить, подобрать, определить) цвет текста, ссылки, тега, рамки, страницы, фона, ячейки, кнопки, таблицы, заголовка онлайн и т.п.
HTML Цвета, цвет текста фона
Цвета HTML задаются с использованием предопределенных имен цветов, или RGB, Hex, HSL, RGBA, HSLA значений.
Названия цветов
В HTML цвет можно задать с помощью имени цвета:
Цвет фона
Можно задать цвет фона для элементов HTML:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Пример
Hello World
Цвет текста
Вы можете установить цвет текста:
Всем привет
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Пример
Hello World
Цвет границы
Вы можете установить цвет границ:
Всем привет
Всем привет
Всем привет
Example
Hello World
Hello World
Hello World
Значения цвета
В HTML цвета также могут быть заданы с помощью значений RGB, шестнадцатеричных значений, HSL значений, RGBA значений и HSLA значений:
Так же, как название цвет «Tomato»:
Так же, как название цвета «Tomato», но 50% прозрачный:
Пример
Значение RGB
В HTML, цвет может быть указан как RGB значение, используя эту формулу:
Каждый параметр (красный, зеленый и синий) определяет интенсивность цвета между 0 и 255.
Например, RGB (255, 0, 0) отображается красным цветом, так как красный цвет устанавливается в его наивысшее значение (255), а остальные устанавливаются в 0.
Для отображения черного цвета, все параметры цвета должны быть установлены в 0, как это: RGB (0, 0, 0).
Для отображения белого цвета, все параметры цвета должны быть установлены в 255, как это: RGB (255, 255, 255).
Экспериментируйте, смешивая значения RGB ниже:
Генератор цвета HTML
Генератор цвета отображает значение в hex, через решетку, так и в значение rgb красный, зеленый и синий. Значение фона у лендинга можно записать свойством background-color: #b641b0 либо background-color: rgb(182, 65, 176) и со значением прозрачности background-color: rgba(182, 65, 176, 1). С единицей цвет полностью не прозрачный. При нуле полностью прозрачный фон. Между 1 и 0 полупрозрачные цвета. Такие значения можно указывать и для свойства цвета html color: rgba(182, 65, 176, 1). Четвертая запись цвета html в формате hsv background-color: hsv(303, 64%, 71%). Разберем все четыре формата записи цвета в html подробно.
1). Формат цвета HEX.
Запись цвета в шестнадцатеричной системе через решетку, пример #334455. Цвет раскладывается на три группы с значениями между 00 и FF.
Если каждая группа имеет одинаковые значения, то можно записать кратко #f00 красный цвет.
2). Формат цвета RGB.
Цвет RGB состоит из трех цветов красный R зеленый G и синий B. Путем смешивания этих цветов, получается остальные. Значение каждого цвета задается от 0 до 255.
3). Формат цвета RGBA
Цвет RGBA получается расширением формата rgb с добавлением альфа канала, который отвечает за прозрачность цвета.
4). Формат цвета HSV.
Цвет HSV основан на цилиндрической геометрии и применяется в photoshop.
Цвета HTML
Шаблон:Глубина цвета Шаблон:HTML Существуют несколько основных способов представления цветов в вебе.
Содержание
Имена цветов в HTML [ ]
В спецификации HTML 4.01 [1] определены следующие 16 ключевых цветов (в данном контексте можно использовать как заглавные, так и строчные буквы:
| Цвет | Код | Цвет | Код | Цвет | Код | Цвет | Код |
|---|---|---|---|---|---|---|---|
| aqua (морская волна, cyan) | #00ffff | black (чёрный) | #000000 | blue (синий) | #0000ff | fuchsia (фуксия, magenta) | #ff00ff |
| gray (серый) | #808080 | green (зелёный) | #008000 | lime (лайм, lightgreen) | #00ff00 | maroon (тёмно-бордовый) | #800000 |
| navy (тёмно-синий) | #000080 | olive (оливковый) | #808000 | purple (пурпурный) | #800080 | red (красный) | #ff0000 |
| silver (серебряный) | #c0c0c0 | teal (сине-зелёный) | #008080 | white (белый) | #ffffff | yellow (жёлтый) | #ffff00 |
Шаблон:Fnb В спецификации используются английские названия цветов.
Безопасная палитра Netscape [ ]
К концу 90-х годов, с полным исчезновением 8-битного цвета с рабочих столов ОС, это требование исчезло. Тем не менее, Adobe Photoshop и поныне оснащён опцией «Только Web-цвета» ( Шаблон:Lang-en ).
Названия цветов в X11 [ ]
Цвета CSS [ ]
Язык Cascading Style Sheets определяет такое же количество имен для цветов, как и HTML 4, — 16 перечисленных выше. Дополнительно CSS 2.1 добавляет название ‘orange’ [2] :
Спецификация CSS3 также вводит цветовую модель HSV :
Оттенки цвета HTML
Оттенки серого
Серые цвета отображаются с использованием одинакового количества энергии для всех источников света.
Чтобы сделать его легким для вас, чтобы выбрать серый цвет мы составили таблицу серых оттенков для вас:
An anomaly in the table above is that HTML Gray is darker than DarkGray.
The color names of HTML / CSS was inherited from the X11 standard.
HTML / CSS defined gray at the midpoint of the 8-bit gray scale (128,128,128).
X11 defined gray to be (190,190,190); which is closer to HTML silver.
Gray / Grey Web Colors
There are several gray color names in HTML / CSS.
All gray colors are spelled as gray (not grey).
This spelling was inherited from the X11 standard.
All modern browsers accept both gray and grey, but early versions of Internet Explorer did not recognize grey
Shades of Red
If you look at the color table below, you will see the result of varying the red light from 0 to 255, while keeping the green and blue light at zero.
Click on the hexadecimal values, if you want to analyze the color in our color picker.
| Red Light | 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) |
16 Million Different Colors
The combination of Red, Green and Blue values from 0 to 255 gives a total of more than 16 million different colors to play with (256 x 256 x 256).
Most modern monitors are capable of displaying at least 16384 different colors.
Web Safe Colors?
Many years ago, when computers supported maximum 256 different colors, a list of 216 «Web Safe Colors» was suggested as a Web standard (reserving 40 fixed system colors).
This is not important now, since most computers can display millions of different colors.
This 216 hex values cross-browser color palette was created to ensure that all computers would display the colors correctly when running a 256 color palette: