Веб цвета таблица: Безопасные цвета для Веб. Таблица из 216 цветов, рекомендуемых для экранного дизайна — ColorScheme.Ru
09.06.2023
Разное
Безопасные цвета для Веб. Таблица из 216 цветов, рекомендуемых для экранного дизайна — ColorScheme.Ru
ColorScheme
· Инструмент для подбора цветов и генерации цветовых схем ·
Цветовой Круг Онлайн ⇒
Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна. Безопасные цвета всегда неизменны при переходе от одного браузера к другому, от одного монитора к другому, или от одной платформы к другой, с их различными разрешениями и возможностями цветопередачи.
Если веб-браузер не в состоянии правильно отобразить тот или иной цвет, то он пытается подобрать похожий или смешивает несколько соседних цветов. Может так случиться, что исходный цвет будет замещён чем-то совершенно неподходящим.
Сегодня уже весьма спорна целесообразность использования безопасной палитры, однако используя её, вы будете уверены, что цвета будут выглядеть неизменно хорошо и без искажений даже на очень старых компьютерах, вплоть до 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
Таблица цветов html, палитра, названия цветов
- Список цветов с названиями
Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.
- Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
- RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
- HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
- Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
- Saturation — насыщенность, варьируется в пределах 0—100 или 0—1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета. А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
- Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0—100 или 0—1.
Введите код цвета:
В таблице перечислены названия цветов на английском языке (которые можно использовать в качестве значений), поддерживаемые всеми браузерами, и их шестнадцатеричные значения.
Название цвета | HEX | Цвет |
---|---|---|
Black | #000000 | |
Navy | #000080 | |
DarkBlue | #00008B | |
MediumBlue | #0000CD | |
Blue | #0000FF | |
DarkGreen | #006400 | |
Green | #008000 | |
Teal | #008080 | |
DarkCyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
DarkTurquoise | #00CED1 | |
MediumSpringGreen | #00FA9A | |
Lime | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
Cyan | #00FFFF | |
MidnightBlue | #191970 | |
DodgerBlue | #1E90FF | |
LightSeaGreen | #20B2AA | |
ForestGreen | #228B22 | |
SeaGreen | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
LimeGreen | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Turquoise | #40E0D0 | |
RoyalBlue | #4169E1 | |
SteelBlue | #4682B4 | |
DarkSlateBlue | #483D8B | |
MediumTurquoise | #48D1CC | |
Indigo | #4B0082 | |
DarkOliveGreen | #556B2F | |
CadetBlue | #5F9EA0 | |
CornflowerBlue | #6495ED | |
MediumAquaMarine | #66CDAA | |
DimGray | #696969 | |
SlateBlue | #6A5ACD | |
OliveDrab | #6B8E23 | |
SlateGray | #708090 | |
LightSlateGray | #778899 | |
MediumSlateBlue | #7B68EE | |
LawnGreen | #7CFC00 | |
Chartreuse | #7FFF00 | |
Aquamarine | #7FFFD4 | |
Maroon | #800000 | |
Purple | #800080 | |
Olive | #808000 | |
Gray | #808080 | |
SkyBlue | #87CEEB | |
LightSkyBlue | #87CEFA | |
BlueViolet | #8A2BE2 | |
DarkRed | #8B0000 | |
DarkMagenta | #8B008B | |
SaddleBrown | #8B4513 | |
DarkSeaGreen | #8FBC8F | |
LightGreen | #90EE90 | |
MediumPurple | #9370D8 | |
DarkViolet | #9400D3 | |
PaleGreen | #98FB98 | |
DarkOrchid | #9932CC | |
YellowGreen | #9ACD32 | |
Sienna | #A0522D | |
Brown | #A52A2A | |
DarkGray | #A9A9A9 | |
LightBlue | #ADD8E6 | |
GreenYellow | #ADFF2F | |
PaleTurquoise | #AFEEEE | |
LightSteelBlue | #B0C4DE | |
PowderBlue | #B0E0E6 | |
FireBrick | #B22222 | |
DarkGoldenRod | #B8860B | |
MediumOrchid | #BA55D3 | |
RosyBrown | #BC8F8F | |
DarkKhaki | #BDB76B | |
Silver | #C0C0C0 | |
MediumVioletRed | #C71585 | |
IndianRed | #CD5C5C | |
Peru | #CD853F | |
Chocolate | #D2691E | |
Tan | #D2B48C | |
LightGray | #D3D3D3 | |
PaleVioletRed | #D87093 | |
Thistle | #D8BFD8 | |
Orchid | #DA70D6 | |
GoldenRod | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Plum | #DDA0DD | |
BurlyWood | #DEB887 | |
LightCyan | #E0FFFF | |
Lavender | #E6E6FA | |
DarkSalmon | #E9967A | |
Violet | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Khaki | #F0E68C | |
AliceBlue | #F0F8FF | |
HoneyDew | #F0FFF0 | |
Azure | #F0FFFF | |
SandyBrown | #F4A460 | |
Wheat | #F5DEB3 | |
Beige | #F5F5DC | |
WhiteSmoke | #F5F5F5 | |
MintCream | #F5FFFA | |
GhostWhite | #F8F8FF | |
Salmon | #FA8072 | |
AntiqueWhite | #FAEBD7 | |
Linen | #FAF0E6 | |
LightGoldenRodYellow | #FAFAD2 | |
OldLace | #FDF5E6 | |
Red | #FF0000 | |
Fuchsia | #FF00FF | |
Magenta | #FF00FF | |
DeepPink | #FF1493 | |
OrangeRed | #FF4500 | |
Tomato | #FF6347 | |
HotPink | #FF69B4 | |
Coral | #FF7F50 | |
Darkorange | #FF8C00 | |
LightSalmon | #FFA07A | |
Orange | #FFA500 | |
LightPink | #FFB6C1 | |
Pink | #FFC0CB | |
Gold | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Moccasin | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
BlanchedAlmond | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
LavenderBlush | #FFF0F5 | |
SeaShell | #FFF5EE | |
Cornsilk | #FFF8DC | |
LemonChiffon | #FFFACD | |
FloralWhite | #FFFAF0 | |
Snow | #FFFAFA | |
Yellow | #FFFF00 | |
LightYellow | #FFFFE0 | |
Ivory | #FFFFF0 | |
White | #FFFFFF |
Web Safe Colors
Простой ответ заключается в том, что две системы по-разному обрабатывают цвета. Хотя они оба используют палитру из 256 цветов, палитры не включают одни и те же цвета.
Системная палитра Windows резервирует для своего использования 20 цветов, а Netscape резервирует для своего использования 13 дополнительных цветов.
Поскольку эти цвета зарезервированы для других целей, ваша система создает цвета, которые она не может использовать, путем сглаживания. Чтобы решить эту проблему, была создана палитра 6 x 6 x 6 с 216 цветами, общими для платформ.
Хотя палитра 216 не является хорошим выбором для каждого изображения, чью палитру вы уменьшаете для формата GIF (особенно фотографии и картины), во многих случаях она может быть очень полезной. Например, при выборе тегов цвета фона или шрифта в HTML или при создании простой графики, такой как маркеры, стрелки, кнопки и текстовая графика.
Два веб-сайта, которые создали палитру из 216 цветов в форме образца для использования в PhotoShop. Их можно загрузить по адресу: http://webreference.com/dev/graphics/palette. html или http://www.homepage.co.uk/webcolour/.
Эти полезные страницы также содержат инструкции по использованию палитры и очень подробную информацию о цветах в Интернете.
Ниже приведена цветовая диаграмма палитры 216, которая включает значения RGB и шестнадцатеричный код для каждого цвета.
RGB 0, 0, 0 HEX 000000 | RGB 0, 0, 51 HEX 000033 | RGB 0, 0, 102 HEX 000066 | RGB 0, 0, 153 HEX 000099 | RGB 0, 0, 204 HEX 0000CC | RGB 0, 0, 255 HEX 0000FF | |
RGB 0, 51, 0 HEX 003300 | RGB 0, 51, 51 HEX 003333 | RGB 0, 51, 102 HEX 003366 | RGB 0, 51, 153 HEX 003399 | RGB 0, 51, 204 HEX 0033CC | RGB 0, 51, 255 HEX 0033FF | |
RGB 0, 102, 0 HEX 006600 | RGB 0, 102, 51 HEX 006633 | RGB 0, 102, 102 HEX 006666 | RGB 0, 102, 153 HEX 006699 | RGB 0, 102, 204 HEX 0066CC | RGB 0, 102, 255 HEX 0066FF | |
RGB 0, 153, 0 HEX 009900 | RGB 0, 153, 51 HEX 009933 | RGB 0, 153, 102 HEX 009966 | RGB 0, 153, 153 HEX 009999 | RGB 0, 153, 204 HEX 0099CC | RGB 0, 153, 255 HEX 0099FF | |
RGB 0, 204, 0 HEX 00CC00 | RGB 0, 204, 51 HEX 00CC33 | RGB 0, 204, 102 HEX 00CC66 | RGB 0, 204, 153 HEX 00CC99 | RGB 0, 204, 204 HEX 00CCCC | RGB 0, 204, 255 HEX 00CCFF | |
RGB 0, 255, 0 HEX 00FF00 | RGB 0, 255, 51 HEX 00FF33 | RGB 0, 255, 102 HEX 00FF66 | RGB 0, 255, 153 HEX 00FF99 | RGB 0, 255, 204 HEX 00FFCC | RGB 0, 255, 255 HEX 00FFFF | |
RGB 51, 0, 0 HEX 330000 | RGB 51, 0, 51 HEX 330033 | RGB 51, 0, 102 HEX 330066 | RGB 51, 0, 153 HEX 330099 | RGB 51, 0, 204 HEX 3300CC | RGB 51, 0, 255 HEX 3300FF | |
RGB 51, 51, 0 HEX 333300 | RGB 51, 51, 51 HEX 333333 | RGB 51, 51, 102 HEX 333366 | RGB 51, 51, 153 HEX 333399 | RGB 51, 51, 204 HEX 3333CC | RGB 51, 51, 255 HEX 3333FF | |
RGB 51, 102, 0 HEX 336600 | RGB 51, 102, 51 HEX 336633 | RGB 51, 102, 102 HEX 336666 | RGB 51, 102, 153 HEX 336699 | RGB 51, 102, 204 HEX 3366CC | RGB 51, 102, 255 HEX 3366FF | |
RGB 51, 153, 0 HEX 339900 | RGB 51, 153, 51 HEX 339933 | RGB 51, 153, 102 HEX 339966 | RGB 51, 153, 153 HEX 339999 | RGB 51, 153, 204 HEX 3399CC | RGB 51, 153, 255 HEX 3399FF | |
RGB 51, 204, 0 HEX 33CC00 | RGB 51, 204, 51 HEX 33CC33 | RGB 51, 204, 102 HEX 33CC66 | RGB 51, 204, 153 HEX 33CC99 | RGB 51, 204, 204 HEX 33CCCC | RGB 51, 204, 255 HEX 33CCFF | |
RGB 51, 255, 0 HEX 33FF00 | RGB 51, 255, 51 HEX 33FF33 | RGB 51, 255, 102 HEX 33FF66 | RGB 51, 255, 153 HEX 33FF99 | RGB 51, 255, 204 HEX 33FFCC | RGB 51, 255, 255 HEX 33FFFF | |
RGB 102, 0, 0 HEX 660 000 | RGB 102, 0, 51 HEX 660033 | RGB 102, 0, 102 HEX 660066 | RGB 102, 0, 153 HEX 660099 | RGB 102, 0, 204 HEX 6600CC | RGB 102, 0, 255 HEX 6600FF | |
RGB 102, 51, 0 HEX 663300 | RGB 102, 51, 51 HEX 663333 | RGB 102, 51, 102 HEX 663366 | RGB 102, 51, 153 HEX 663399 | RGB 102, 51, 204 HEX 6633CC | RGB 102, 51, 255 HEX 6633FF | |
RGB 102, 102, 0 HEX 666600 | RGB 102, 102, 51 HEX 666633 | RGB 102, 102, 102 HEX 666666 | RGB 102, 102, 153 HEX 666699 | RGB 102, 102, 204 HEX 6666CC | RGB 102, 102, 255 HEX 6666FF | |
RGB 102, 153, 0 HEX 669900 | RGB 102, 153, 51 Шестнадцатеричный 669933 | RGB 102, 153, 102 HEX 669966 | RGB 102, 153, 153 HEX 669999 | RGB 102, 153, 204 HEX 6699CC | RGB 102, 153, 255 HEX 6699FF | |
RGB 102, 204, 0 HEX 66CC00 | RGB 102, 204, 51 HEX 66CC33 | RGB 102, 204, 102 HEX 66CC66 | RGB 102, 204, 153 Шестнадцатеричный 66CC99 | RGB 102, 204, 204 HEX 66CCCC | RGB 102, 204, 255 HEX 66CCFF | |
RGB 102, 255, 0 HEX 66FF00 | RGB 102, 255, 51 HEX 66FF33 | RGB 102, 255, 102 HEX 66FF66 | RGB 102, 255, 153 HEX 66FF99 | RGB 102, 255, 204 HEX 66FFCC | RGB 102, 255, 255 HEX 66FFFF | |
RGB 153, 0, 0 HEX 9 | RGB 153, 0, 51 HEX 9 | RGB 153, 0, 102 HEX 9 | RGB 153, 0, 153 HEX 9 | RGB 153, 0, 204 HEX 9900CC | RGB 153, 0, 255 HEX 9900FF | |
RGB 153, 51, 0 HEX 993300 | RGB 153, 51, 51 Шестигранник 993333 | RGB 153, 51, 102 HEX 993366 | RGB 153, 51, 153 HEX 993399 | RGB 153, 51, 204 HEX 9933CC | RGB 153, 51, 255 HEX 9933FF | |
RGB 151, 102, 0 HEX 996600 | RGB 153, 102, 51 HEX 996633 | RGB 153, 102, 102 HEX 996666 | RGB 153, 102, 153 Шестигранник 996699 | RGB 153, 102, 204 HEX 9966CC | RGB 153, 102, 255 HEX 9966FF | |
RGB 153, 153, 0 HEX 999900 | RGB 153, 153, 51 HEX 999933 | RGB 153, 153, 102 HEX 999966 | RGB 153, 153, 153 HEX 999999 | RGB 53, 153, 204 HEX 9999CC | RGB 153,153, 255 HEX 9999FF | |
RGB 153, 204, 0 HEX 99CC00 | RGB 153, 204, 51 HEX 99CC33 | RGB 153, 204, 102 HEX 99CC66 | RGB 153, 204, 153 HEX 99CC99 | RGB 153, 204, 204 HEX 99CCCC | RGB 153, 204, 255 HEX 99CCFF | |
RGB 153, 255, 0 HEX 99FF00 | RGB 153, 255, 51 HEX 99FF33 | RGB 153, 255, 102 HEX 99FF66 | RGB 153, 255, 153 HEX 99FF99 | RGB 153, 255, 206 HEX 99FFCC | RGB 155, 255, 255 HEX 99FFFF | |
RGB 204, 0, 0 HEX CC00 00 | RGB 204, 0, 51 HEX CC0033 | RGB 204, 0, 102 HEX CC0066 | RGB 204, 0, 153 HEX CC0099 | RGB HEX CC00CC | RGB 204, 0, 255 HEX CC00FF | |
RGB 204, 51, 0 HEX CC3300 | RGB 204, 51, 102 HEX CC3333 | RGB 204, 51, 152 HEX CC3366 | RGB 204, 51, 153 HEX CC3399 | RGB 204, 51, 204 HEX CC33CC | RGB 204, 51, 255 HEX CC33FF | |
RGB 204, 102, 0 HEX CC6600 | RGB 204, 102, 51 HEX CC6633 | RGB 204, 102, 102 HEX CC6666 | RGB 204, 102, 153 HEX CC6699 | RGB 204, 102, 204 HEX CC66CC | RGB 204, 102, 255 HEX CC66FF | |
RGB 204, 153, 0 HEX CC9900 | RGB 204, 153, 51 HEX CC9933 | RGB 204, 153, 102 HEX CC9966 | RGB 204, 153, 153 HEX CC9999 | RGB 204,153, 204 HEX CC99CC | RGB 204, 153, 255 HEX CC99FF | |
RGB 204, 204, 0 HEX CCCC00 | RGB 204, 204, 51 HEX CCCC33 | RGB 204, 204, 102 HEX CCCC66 | RGB 204, 204, 153 HEX CCCC99 | RGB 204, 204, 204 HEX CCCCCC | RGB 204, 204, 255 HEX CCCCFF | |
RGB 204, 255, 0 HEX CCFF00 | RGB 204, 255, 51 HEX CCFF33 | RGB 204, 255, 102 HEX CCFF66 | RGB 204, 255, 153 HEX CCFF99 | RGB 204, 255, 204 HEX CCFFCC | RGB 204, 255, 255 HEX CCFFFF | |
RGB 255, 0, 0 HEX FF000 0 | RGB 255, 0, 51 HEX FF0033 | RGB 255, 0, 102 HEX FF0066 | RGB 255, 0, 153 HEX FF0099 | RGB 255, 0, 204 HEX FF00CC | RGB 255, 0, 255 HEX FF00FF | |
RGB 255, 51, 0 HEX FF3300 | RGB 255, 51, 51 HEX FF3333 | RGB 255, 51, 102 HEX FF3366 | RGB 255, 51, 153 HEX FF3399 | RGB 255, 51, 204 HEX FF33CC | RGB HEX FF33FF | |
RGB 255, 102, 0 HEX FF6600 | RGB 255, 102, 51 HEX FF6633 | RGB 255, 102, 102 Шестигранник FF6666 | RGB 255, 102, 153 HEX FF6699 | RGB 255, 102, 204 HEX FF66CC | RGB 255, 102, 255 HEX FF66FF | |
RGB 255, 153, 0 HEX FF9900 | RGB 255, 153, 51 HEX FF9933 | RGB 255, 153, 102 HEX FF9966 | RGB 255, 153, 153 HEX FF9999 | RGB 255, 153, 204 Шестнадцатеричный FF99CC | RGB 255, 153, 255 HEX FF99FF | |
RGB 255, 204, 0 HEX FFCC00 | RGB 255, 204, 51 HEX FFCC33 | RGB 255, 204, 102 HEX FFCC66 | RGB 255, 204, 153 HEX FFCC99 | RGB 255, 204, 204 HEX FFCCCC | 255, 204, 255 HEX FFCCFF | |
RGB 255, 255, 0 HEX FFFF00 | RGB 255, 255, 51 HEX FFFF33 | RGB 255, 255, 102 HEX FFFF66 | RGB 255, 255, 153 HEX FFFF99 | RGB 255, 255, 206 HEX FFFFCC | RGB 255, 255, 255 HEX FFFFFF | |
140 цветов HTML с кодами HEX, RGB и названиями может быть трудно решить, какой из них использовать для ваш сайт или блог.

Используя цветовой код RGB или HEX в HTML, вы можете изменить цвет текста, фона, URL-адреса, шрифта, таблицы или всей страницы.
Цвета в HTML
Значение свойства color
можно задать тремя основными способами:
- по имени цвета, например,
red
,green
,blue
- по шестнадцатеричному числу: от
#000000
до#ffffff
- по цветовому коду в палитре RGB: от
RGB (0, 0, 0) от
доRGB(255, 255, 255)
Название цвета относительно простое. Единственным ограничением является то, что мы должны выбрать цвет из нескольких предопределенных вариантов.
Стандартный набор цветов HTML состоит из 140 различных значений. Если вам нужен цвет, который там не представлен, вам нужно будет использовать шестнадцатеричный формат (код HEX) или RGB.
HEX-коды цветов в HTML
HEX-код всегда начинается с #
, за которым следует 3-байтовое шестнадцатеричное число (всего 6 цифр). Каждый байт отвечает за интенсивность одного из трех основных цветов: первый отвечает за интенсивность красного, второй — за зеленый, а третий — за синий:
Значение 00
— наименьшая интенсивность, FF
самый высокий. Например, чтобы получить белый цвет, нужно «смешать» три основных цвета с максимальной интенсивностью: #FFFFFF
. Для получения черного цвета интенсивность всех цветов должна быть минимальной: #000000
.
— То же самое, что и на уроках рисования — чтобы получить любой цвет, нужно просто смешать красный, синий и зеленый.
— Точно. Для получения красного цвета нужно установить максимальное значение байта, отвечающего за красный цвет, а для остальных — минимальное: ##FF0000
.
— Тогда для зеленого шестнадцатеричный код будет: #00FF00
Палитра RGB цветов HTML
В палитре RGB цвета смешиваются аналогичным образом, смешивая интенсивность красного, зеленого, и синие цвета.
Leave a Comment