- Цвета HTML
- Имена цветов в HTML [ ]
- Названия цветов в [ ]
- Примечания [ ]
- Ссылки [ ]
- Таблица цветовых кодов RGB
- Цветовое пространство RGB
- Цветовой формат и расчет RGB
- Примеры расчетов
- Таблица цветов RGB
- Смотрите также
- Таблица HTML цветов
- Основные цвета
- Серые тона
- Красные тона
- Оранжевые тона
- Жёлтые тона
- Зелёные тона
- Синие тона
- Фиолетовые тона
- Розовые тона
Цвета HTML
Шаблон:Глубина цвета Шаблон:HTML Существуют несколько основных способов представления цветов в вебе.
- В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:
две первые цифры — красный
две в середине —
Имена цветов в HTML [ ]
В спецификации [1] определены следующие 16 ключевых цветов (в данном контексте можно использовать как заглавные, так и строчные буквы:
Цвет | Код | Цвет | Код | Цвет | Код | Цвет | Код |
---|---|---|---|---|---|---|---|
aqua (морская волна, cyan) | #00ffff | black (чёрный) | #000000 | blue (синий) | #0000ff | #ff00ff | |
#808080 | #008000 | #00ff00 | #800000 | ||||
navy (тёмно-синий) | #000080 | #808000 | purple (пурпурный) | #800080 | red (красный) | #ff0000 | |
#c0c0c0 | teal (сине-зелёный) | #008080 | #ffffff | yellow (жёлтый) | #ffff00 |
Безопасная палитра Netscape [ ]
В эпоху 256-цветных видеокарт широко применялась так называемая «безопасная палитра Netscape» — однородная палитра 6×6×6. В Шаблон:Lang-en ).
Названия цветов в [ ]
Язык выше. Дополнительно CSS 2.1 добавляет название ‘orange’ [2] : [3] В модуле работы с цветом нежелательным и заменено на CSS3 UI System Appearance property, [4] [5] который впоследствии был удален из CSS3. [6] Спецификация CSS3 также вводит
/* имя цвета */ p color: red > /* Базовый список цветов */ p color: blanchedalmond > /* Расширенный список цветов (X11) */ /* модель RGB */ p color: #F00>/* #rgb */ p color: #FF0000 > /* #rrggbb */ p color: rgb(255,0,0)> /* целое в диапазоне 0 — 255 */ p color: rgb(100%,0%, 0%) > /* число с плавающей точкой 0.0% — 100.0% */ /* модель RGB с альфа-каналом, введена в CSS3 */ p color: rgba(255, 0, 0, 0.5) > /* 0.5 прозрачность, полупрозрачность */ /* модель HSL, введена в CSS3 */ p color: hsl(0, 100%, 50%) > /* красный (red) */ p color: hsl(120, 100%, 50%) > /* зелёный (green) */ p color: hsl(120, 100%, 25%) > /* тёмно-зелёный (dark green) */ p color: hsl(120, 100%, 75%) > /* светло-зелёный (light green) */ p color: hsl(120, 50%, 50%) > /* пастельный зелёный (pastel green) */ /* модель HSL с альфа-каналом */ p color: hsla(120, 100%, 50%, 1) > /* зелёный (green) */ p color: hsla(120, 100%, 50%, 0.5) > /* полупрозрачный зелёный */ p color: hsla(120, 100%, 50%, 0.1) > /* очень прозрачный зелёный */
Примечания [ ]
- ↑HTML 4.01 Specification section 6.5 «Colors»
- ↑↑User interface — System colors
- ↑CSS3 Color Module — CSS2 System Colors
- ↑CSS3Basic User Interface Module, W3C Candidate Recommendation 11 May 2004: System Appearance
- ↑CSS Basic User Interface Module Level 3 (CSS3 UI), W3C Working Draft 17 January 2012: List of substantial changes, «System Appearance has been dropped, including appearance values & property, and system fonts / extension of the ‘font’ property shorthand.»
Ссылки [ ]
Список цветов, правильно отображаемые браузерами:
Таблица цветовых кодов RGB
Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:
Шестнадцатеричный: # |
Красный: |
Зеленый: |
Синий: |
Цветовое пространство RGB
RGB цветового пространства или цветовая система RGB , создает все цвета из комбинации R Е.Д., G Reen и B LUE цвета.
Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.
RGB ≡ красный, зеленый, синий
Таким образом, каждый пиксель на светодиодном мониторе отображает цвета за счет комбинации красного, зеленого и синего светодиодов (светоизлучающих диодов).
Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.
Любое значение между ними устанавливает частичное излучение светодиода.
Цветовой формат и расчет RGB
Код RGB имеет формат 24 бита (биты 0..23):
КРАСНЫЙ [7: 0] | ЗЕЛЕНЫЙ [7: 0] | СИНИЙ [7: 0] | |||||||||||||||||||||
23 | 16 | 15 | 8 | 7 | 0 |
RGB = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE)
Примеры расчетов
Белый цвет RGB
White RGB code = 255*65536+255*256+255 = #FFFFFF
Синий цвет RGB
Blue RGB code = 0*65536+0*256+255 = #0000FF
Красный цвет RGB
Red RGB code = 255*65536+0*256+0 = #FF0000
Зеленый цвет RGB
Green RGB code = 0*65536+255*256+0 = #00FF00
Серый цвет RGB
Gray RGB code = 128*65536+128*256+128 = #808080
Желтый цвет RGB
Yellow RGB code = 255*65536+255*256+0 = #FFFF00
Таблица цветов RGB
Смотрите также
- Конвертер RGB в шестнадцатеричный
- Конвертер RGB в HSV
- Конвертер RGB в HSL
- Конвертер RGB в CMYK
- Цветовые преобразования
- Таблица цветового круга
- Тестер цвета экрана
- Цветовые коды HTML
- Коды символов HTML
- Таблица ASCII
- Символы Unicode
- Безопасные для Интернета цвета
- Желтого цвета
- Золотой цвет
ВЕБ-ЦВЕТА
- Цвет RGB
- Палитра цветов
- Цветовая схема
- Тестер цвета
- Цветовой круг
- Цветовые коды HTML
- Безопасные для Интернета цвета
- Синий цвет
- Золотой цвет
- красный цвет
- Желтого цвета
БЫСТРЫЕ ТАБЛИЦЫ
Этот веб-сайт использует файлы cookie для улучшения вашего опыта, анализа трафика и отображения рекламы. Учить больше
Таблица HTML цветов
Все стандартные цвета – их названия, HEX коды и RGB значения.
Основные цвета
Черный | Black | #000000 | rgb(0,0,0) |
Серый | Gray | #808080 | rgb(128,128,128) |
Серебряный | Silver | #c0c0c0 | rgb(192,192,192) |
Белый | White | #ffffff | rgb(255,255,255) |
Фуксия, Маджента | Fuchsia,Magenta | #ff00ff | rgb(255,0,255) |
Пурпурный | Purple | #800080 | rgb(128,0,128) |
Красный | Red | #ff0000 | rgb(255,0,0) |
Коричнево-малиновый | Maroon | #800000 | rgb(128,0,0) |
Жёлтый | Yellow | #ffff00 | rgb(205,92,92) |
Оливковый | Olive | #808000 | rgb(240,128,128) |
Лайм | Lime | #00ff00 | rgb(250,128,114) |
Зелёный | Green | #008000 | rgb(233,150,122) |
Цвет морской волны | Aqua | #00ffff | rgb(205,92,92) |
Окраски птицы чирок | Teal | #008080 | rgb(240,128,128) |
Синий | Blue | #0000ff | rgb(250,128,114) |
Форма морских офицеров | Navy | #000080 | rgb(233,150,122) |
Серые тона
Дымчато-белый | WhiteSmoke | #f5f5f5 | rgb(245,245,245) |
Гейнсборо | Gainsboro | #dcdcdc | rgb(220,220,220) |
Светло серый | LightGrey,LightGray | #d3d3d3 | rgb(211,211,211) |
Серебряный | Silver | #c0c0c0 | rgb(192,192,192) |
Темно серый | DarkGray,DarkGrey | #a9a9a9 | rgb(169,169,169) |
Серый | Gray,Grey | #808080 | rgb(128,128,128) |
Тусклый серый | DimGray,DimGrey | #696969 | rgb(105,105,105) |
Светлый аспидно-серый | LightSlateGray,LightSlateGrey | #778899 | rgb(119,136,153) |
Серый шифер | SlateGray,SlateGrey | #708090 | rgb(112,128,144) |
Аспидно-серый | DarkSlateGray,DarkSlateGrey | #2f4f4f | rgb(47,79,79) |
Чёрный | Black | #000000 | rgb(0,0,0) |
Красные тона
Светло-коралловый | LightCoral | #f08080 | rgb(240,128,128) |
Лососевый | Salmon | #fa8072 | rgb(250,128,114) |
Тёмно-лососёвый | DarkSalmon | #e9967a | rgb(233,150,122) |
Светло-лососёвый | LightSalmon | #ffa07a | rgb(255,160,122) |
Малиновый | Crimson | #dc143c | rgb(220,20,60) |
Красный | Red | #ff0000 | rgb(255,0,0) |
Индийский красный | IndianRed | #cd5c5c | rgb(205,92,92) |
Кирпичный | FireBrick | #b22222 | rgb(178,34,34) |
Коричнево-бордовый | Brown | #a52a2a | rgb(165,42,42) |
Тёмно-красный | DarkRed | #8b0000 | rgb(139,0,0) |
Коричнево-малиновый | Maroon | #800000 | rgb(128,0,0) |
Оранжевые тона
Цвет морской раковины | Seashell | #fff5ee | rgb(255,245,238) |
Бежевый | Beige | #f5f5dc | rgb(245,245,220) |
Старое кружево | OldLace | #fdf5e6 | rgb(253,245,230) |
Цветочный белый | FloralWhite | #fffaf0 | rgb(255,250,240) |
Белый антик | AntiqueWhite | #faebd7 | rgb(250,235,215) |
Льняной | Linen | #faf0e6 | rgb(250,240,230) |
Очищенный миндаль | BlanchedAlmond | #ffebcd | rgb(255,235,205) |
Бисквитный | Bisque | #ffe4c4 | rgb(255,228,196) |
Белый навахо | NavajoWhite | #ffdead | rgb(255,222,173) |
Пшеничный | Wheat | #f5deb3 | rgb(245,222,179) |
Плотная древесина | BurlyWood | #deb887 | rgb(222,184,135) |
Цвет загара | Tan | #d2b48c | rgb(210,180,140) |
Красный песок | SandyBrown | #f4a460 | rgb(244,164,96) |
Золотисто-березовый | Goldenrod | #daa520 | rgb(218,165,32) |
Тёмный золотарник | DarkGoldenRod | #b8860b | rgb(184,134,11) |
Перу | Peru | #cd853f | rgb(205,133,63) |
Шоколадный | Chocolate | #d2691e | rgb(210,105,30) |
Кожаного седла для лошади | SaddleBrown | #8b4513 | rgb(139,69,19) |
Сиена | Sienna | #a0522d | rgb(160,82,45) |
Светлый сомон | LightSalmon | #ffa07a | rgb(255,160,122) |
Коралловый | Coral | #ff7f50 | rgb(255,127,80) |
Томатный | Tomato | #ff6347 | rgb(255,99,71) |
Оранжево-красный | OrangeRed | #ff4500 | rgb(255,69,0) |
Тёмно-оранжевый | DarkOrange | #ff8c00 | rgb(255,140,0) |
Оранжевый | Orange | #ffa500 | rgb(255,165,0) |
Жёлтые тона
Цвет пестиков неспелой кукурузы | Cornsilk | #fff8dc | rgb(255,248,220) |
Слоновая кость | Ivory | #fffff0 | rgb(255,255,240) |
Светло-жёлтый | LightYellow | #ffffe0 | rgb(255,255,224) |
Лимонно-кремовый | LemonChiffon | #fffacd | rgb(255,250,205) |
Светло-жёлтый золотистый | LightGoldenrodYellow | #fafad2 | rgb(250,250,210) |
Побег папайи | PapayaWhip | #ffefd5 | rgb(255,239,213) |
Мокасиновый | Moccasin | #ffe4b5 | rgb(255,228,181) |
Тёмно-персиковый | PeachPuff | #ffdab9 | rgb(255,218,185) |
Бледно-золотистый | PaleGoldenrod | #eee8aa | rgb(238,232,170) |
Светлый хаки | Khaki | #f0e68c | rgb(240,230,140) |
Тёмный хаки | DarkKhaki | #bdb76b | rgb(189,183,107) |
Жёлтый | Yellow | #ffff00 | rgb(255,255,0) |
Золотой | Gold | #ffd700 | rgb(255,215,0) |
Зелёные тона
Медовая роса | Honeydew | #f0fff0 | rgb(240,255,240) |
Мятно-кремовый | MintCream | #f5fffa | rgb(245,255,250) |
Зелёно-жёлтый | GreenYellow | #adff2f | rgb(173,255,47) |
Шартрёз | Chartreuse | #7fff00 | rgb(127,255,0) |
Зелёная лужайка | LawnGreen | #7cfc00 | rgb(124,252,0) |
Лайм | Lime | #00ff00 | rgb(0,255,0) |
Лаймово-зелёный | LimeGreen | #32cd32 | rgb(50,205,50) |
Бледный зелёный | PaleGreen | #98fb98 | rgb(152,251,152) |
Светло-зелёный | LightGreen | #90ee90 | rgb(144,238,144) |
Умеренный весенний зелёный | MediumSpringGreen | #00fa9a | rgb(0,250,154) |
Весенне-зелёный | SpringGreen | #00ff7f | rgb(0,255,127) |
Умеренно-зелёное море | MediumSeaGreen | #3cb371 | rgb(60,179,113) |
Зелёное море | SeaGreen | #2e8b57 | rgb(46,139,87) |
Лесной зелёный | ForestGreen | #228b22 | rgb(34,139,34) |
Зелёный | Green | #008000 | rgb(0,128,0) |
Очень тёмный лимонный зеленый | DarkGreen | #006400 | rgb(0,100,0) |
Жёлто-зелёный | YellowGreen | #9acd32 | rgb(154,205,50) |
Нежно-оливковый | OliveDrab | #6b8e23 | rgb(107,142,35) |
Оливковый | Olive | #808000 | rgb(128,128,0) |
Тёмный оливково-зеленый | DarkOliveGreen | #556b2f | rgb(85,107,47) |
Умеренный аквамариновый | MediumAquamarine | #66cdaa | rgb(102,205,170) |
Тёмное зелёное море | DarkSeaGreen | #8fbc8f | rgb(143,188,143) |
Светлое зелёное море | LightSeaGreen | #20b2aa | rgb(32,178,170) |
Тёмный циан | DarkCyan | #008b8b | rgb(0,139,139) |
Окраски птицы чирок | Teal | #008080 | rgb(0,128,128) |
Синие тона
Небесная лазурь | Azure | #f0ffff | rgb(240,255,255) |
Синяя Элис | AliceBlue | #f0f8ff | rgb(240,248,255) |
Светлый циан | LightCyan | #e0ffff | rgb(224,255,255) |
Циан,цвет морской волны | Cyan,Aqua | #00ffff | rgb(0,255,255) |
Аквамариновый | Aquamarine | #7fffd4 | rgb(127,255,212) |
Светло-бирюзовый | Turquoise | #40e0d0 | rgb(64,224,208) |
Умеренно-бирюзовый | MediumTurquoise | #48d1cc | rgb(72,209,204) |
Тёмно-бирюзовый | DarkTurquoise | #00ced1 | rgb(0,206,209) |
Бледно-синий | PaleTurquoise | #afeeee | rgb(175,238,238) |
Пыльный голубой | PowderBlue | #b0e0e6 | rgb(176,224,230) |
Светлый синий | LightBlue | #add8e6 | rgb(173,216,230) |
Светлый стальной синий | LightSteelBlue | #b0c4de | rgb(176,196,222) |
Городское небо | SkyBlue | #87ceeb | rgb(135,206,235) |
Светло-голубой | LightSkyBlue | #87cefa | rgb(135,206,250) |
Морозное небо | DeepSkyBlue | #00bfff | rgb(0,191,255) |
Защитно-синий | DodgerBlue | #1e90ff | rgb(30,144,255) |
Васильковый | CornflowerBlue | #6495ed | rgb(100,149,237) |
Умеренный аспидно-синий | MediumSlateBlue | #7b68ee | rgb(123,104,238) |
Кадетский синий | CadetBlue | #5f9ea0 | rgb(95,158,160) |
Синяя сталь | SteelBlue | #4682b4 | rgb(70,130,180) |
Королевский синий | RoyalBlue | #4169e1 | rgb(65,105,225) |
Синий | Blue | #0000ff | rgb(0,0,255) |
Средний синий | MediumBlue | #0000cd | rgb(0,0,205) |
Тёмный ультрамариновый | DarkBlue | #00008b | rgb(0,0,139) |
Формы морских офицеров | Navy | #000080 | rgb(0,0,128) |
Полуночный чёрный | MidnightBlue | #191970 | rgb(25,25,112) |
Аспидно-синий | SlateBlue | #6a5acd | rgb(106,90,205) |
Тёмный аспидно-синий | DarkSlateBlue | #483d8b | rgb(72,61,139) |
Фиолетовые тона
Призрачно-белый | GhostWhite | #f8f8ff | rgb(248,248,255) |
Лаванда | Lavender | #e6e6fa | rgb(230,230,250) |
Чертополох | Thistle | #d8bfd8 | rgb(216,191,216) |
Светлая слива | Plum | #dda0dd | rgb(221,160,221) |
Розово-фиолетовый | Violet | #ee82ee | rgb(238,130,238) |
Орхидея | Orchid | #da70d6 | rgb(218,112,214) |
Фуксия,Маджента | Fuchsia,Magenta | #ff00ff | rgb(255,0,255) |
Умеренный фиолетово-красный | MediumVioletRed | #c71585 | rgb(199,21,133) |
Умеренный цвет орхидеи | MediumOrchid | #ba55d3 | rgb(186,85,211) |
Умеренный пурпурный | MediumPurple | #9370db | rgb(147,112,219) |
Сине-лиловый | BlueViolet | #8a2be2 | rgb(138,43,226) |
Тёмно-фиолетовый | DarkViolet | #9400d3 | rgb(148,0,211) |
Тёмная орхидея | DarkOrchid | #9932cc | rgb(153,50,204) |
Тёмный маджента | DarkMagenta | #8b008b | rgb(139,0,139) |
Пурпурный | Purple | #800080 | rgb(128,0,128) |
Индиго | Indigo | #4b0082 | rgb(75,0,130) |
Розовые тона
Белоснежный | Snow | #fffafa | rgb(255,250,250) |
Розово-лавандовый | LavenderBlush | #fff0f5 | rgb(255,240,245) |
Тускло-розовый | MistyRose | #ffe4e1 | rgb(255,228,225) |
Розовый | Pink | #ffc0cb | rgb(255,192,203) |
Светло-розовый | LightPink | #ffb6c1 | rgb(255,182,193) |
Ярко-розовый | HotPink | #ff69b4 | rgb(255,105,180) |
Глубокий розовый | DeepPink | #ff1493 | rgb(255,20,147) |
Лиловый | PaleVioletRed | #db7093 | rgb(219,112,147) |
Розово-коричневый | RosyBrown | #bc8f8f | rgb(188,143,143) |