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

Но с небольшой помощью из этого списка из 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

Leave Comment