Веб цвета таблица: Безопасные цвета для Веб. Таблица из 216 цветов, рекомендуемых для экранного дизайна — ColorScheme.Ru


09.06.2023 Facebook Twitter LinkedIn Google+ Разное


Безопасные цвета для Веб. Таблица из 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 и названиями может быть трудно решить, какой из них использовать для ваш сайт или блог.

Но с небольшой помощью из этого списка из 140 цветов HTML вы сможете найти идеальный цвет для своего следующего проекта.

Используя цветовой код 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 цвета смешиваются аналогичным образом, смешивая интенсивность красного, зеленого, и синие цвета.

Comments