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

· Инструмент для подбора цветов и генерации цветовых схем ·

Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна. Безопасные цвета всегда неизменны при переходе от одного браузера к другому, от одного монитора к другому, или от одной платформы к другой, с их различными разрешениями и возможностями цветопередачи.

Если веб-браузер не в состоянии правильно отобразить тот или иной цвет, то он пытается подобрать похожий или смешивает несколько соседних цветов. Может так случиться, что исходный цвет будет замещён чем-то совершенно неподходящим.

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

colorscheme.ru

Таблица цветов HTML и CSS

Небесная лазурь 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)

snipp.ru

Таблица цветов 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.

Введите код цвета: GO

Список цветов с названиями

В таблице перечислены названия цветов на английском языке (которые можно использовать в качестве значений), поддерживаемые всеми браузерами, и их шестнадцатеричные значения. Все перечисленные цвета являются «безопасными», то есть во всех браузерах будут отображаться одинаково.

Название цвета 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 

puzzleweb.ru

Таблица цветов | Справочник HTML



Для окраски текста или изменения фона в HTML применяется атрибут style. Текст, цвет которого нужно изменить, помещают в теги, например <span> для отдельных слов или <div> для абзацев.

Цвет текста определяется свойством CSS style = «color:#RRGGBB;», а цвет фона style = «background-color:#RRGGBB;».

«#RRGGBB» — это шестнадцатеричный код цвета, где доли красного (RR), зелёного (GG) и синего цвета (BB) могут лежать в диапазоне от 00 до FF, что соответствует десятичному числу 255. Вместо кодировки «#RRGGBB» можно использовать соответствующие названия цветов (без #).

Использование цветов

ПрименениеРезультат
<span>Цвет слова</span>Цвет слова
<div>Цвет абзаца</div>

Цвет абзаца

<span>Фон слова</span>Фон слова
<div>Фон абзаца</div>

Фон абзаца

<td>style=»background-color:#98FB98″ | Фон ячейки</td>Фон ячейки

Коды цветов (фон)

По насыщенности и оттенку

Название цветаHEX
Maroon#800000
DarkRed#8B0000
FireBrick#B22222
Red#FF0000
Salmon#FA8072
Tomato#FF6347
Coral#FF7F50
OrangeRed#FF4500
Chocolate#D2691E
SandyBrown#F4A460
DarkOrange#FF8C00
Orange#FFA500
DarkGoldenrod#B8860B
Goldenrod#DAA520
Gold#FFD700
Olive#808000
Yellow#FFFF00
YellowGreen#9ACD32
GreenYellow#ADFF2F
Chartreuse#7FFF00
LawnGreen#7CFC00
Green#008000
Lime#00FF00
LimeGreen#32CD32
SpringGreen#00FF7F
MediumSpringGreen#00FA9A
Turquoise#40E0D0
LightSeaGreen#20B2AA
MediumTurquoise#48D1CC
Teal#008080
DarkCyan#008B8B
Aqua#00FFFF
Cyan#00FFFF
DarkTurquoise#00CED1
DeepSkyBlue#00BFFF
DodgerBlue#1E90FF
RoyalBlue#4169E1
Navy#000080
DarkBlue#00008B
MediumBlue#0000CD
Blue#0000FF
BlueViolet#8A2BE2
DarkOrchid#9932CC
DarkViolet#9400D3
Purple#800080
DarkMagenta#8B008B
Fuchsia#FF00FF
Magenta#FF00FF
MediumVioletRed#C71585
DeepPink#FF1493
HotPink#FF69B4
Crimson#DC143C
Brown#A52A2A
IndianRed#CD5C5C
RosyBrown#BC8F8F
LightCoral#F08080
Snow#FFFAFA
MistyRose#FFE4E1
DarkSalmon#E9967A
LightSalmon#FFA07A
Sienna#A0522D
SeaShell#FFF5EE
SaddleBrown#8B4513
Peachpuff#FFDAB9
Peru#CD853F
Linen#FAF0E6
Bisque#FFE4C4
Burlywood#DEB887
Tan#D2B48C
AntiqueWhite#FAEBD7
NavajoWhite#FFDEAD
BlanchedAlmond#FFEBCD
PapayaWhip#FFEFD5
Moccasin#FFE4B5
Wheat#F5DEB3
Oldlace#FDF5E6
FloralWhite#FFFAF0
Cornsilk#FFF8DC
Khaki#F0E68C
LemonChiffon#FFFACD
PaleGoldenrod#EEE8AA
DarkKhaki#BDB76B
Beige#F5F5DC
LightGoldenrodYellow#FAFAD2
LightYellow#FFFFE0
Ivory#FFFFF0
OliveDrab#6B8E23
DarkOliveGreen#556B2F
DarkSeaGreen#8FBC8F
DarkGreen#006400
ForestGreen#228B22
LightGreen#90EE90
PaleGreen#98FB98
Honeydew#F0FFF0
SeaGreen#2E8B57
MediumSeaGreen#3CB371
Mintcream#F5FFFA
MediumAquamarine#66CDAA
Aquamarine#7FFFD4
DarkSlateGray#2F4F4F
PaleTurquoise#AFEEEE
LightCyan#E0FFFF
Azure#F0FFFF
CadetBlue#5F9EA0
PowderBlue#B0E0E6
LightBlue#ADD8E6
SkyBlue#87CEEB
LightskyBlue#87CEFA
SteelBlue#4682B4
AliceBlue#F0F8FF
SlateGray#708090
LightSlateGray#778899
LightsteelBlue#B0C4DE
CornflowerBlue#6495ED
Lavender#E6E6FA
GhostWhite#F8F8FF
MidnightBlue#191970
SlateBlue#6A5ACD
DarkSlateBlue#483D8B
MediumSlateBlue#7B68EE
MediumPurple#9370DB
Indigo#4B0082
MediumOrchid#BA55D3
Plum#DDA0DD
Violet#EE82EE
Thistle#D8BFD8
Orchid#DA70D6
LavenderBlush#FFF0F5
PaleVioletRed#DB7093
Pink#FFC0CB
LightPink#FFB6C1
Black#000000
DimGray#696969
Gray#808080
DarkGray#A9A9A9
Silver#C0C0C0
LightGrey#D3D3D3
Gainsboro#DCDCDC
WhiteSmoke#F5F5F5
White#FFFFFF

По алфавиту

Название цветаHEX
AliceBlue#F0F8FF
AntiqueWhite#FAEBD7
Aqua#00FFFF
Aquamarine#7FFFD4
Azure#F0FFFF
Beige#F5F5DC
Bisque#FFE4C4
Black#000000
BlanchedAlmond#FFEBCD
Blue#0000FF
BlueViolet#8A2BE2
Brown#A52A2A
BurlyWood#DEB887
CadetBlue#5F9EA0
Chartreuse#7FFF00
Chocolate#D2691E
Coral#FF7F50
CornflowerBlue#6495ED
Cornsilk#FFF8DC
Crimson#DC143C
Cyan#00FFFF
DarkBlue#00008B
DarkCyan#008B8B
DarkGoldenrod#B8860B
DarkGray#A9A9A9
DarkGreen#006400
DarkKhaki#BDB76B
DarkMagenta#8B008B
DarkOliveGreen#556B2F
DarkOrange#FF8C00
DarkOrchid#9932CC
DarkRed#8B0000
DarkSalmon#E9967A
DarkSeaGreen#8FBC8F
DarkSlateBlue#483D8B
DarkSlateGray#2F4F4F
DarkTurquoise#00CED1
DarkViolet#9400D3
DeepPink#FF1493
DeepSkyBlue#00BFFF
DimGray#696969
DodgerBlue#1E90FF
FireBrick#B22222
FloralWhite#FFFAF0
ForestGreen#228B22
Fuchsia#FF00FF
Gainsboro#DCDCDC
GhostWhite#F8F8FF
Gold#FFD700
Goldenrod#DAA520
Gray#808080
Green#008000
GreenYellow#ADFF2F
Honeydew#F0FFF0
HotPink#FF69B4
IndianRed#CD5C5C
Indigo#4B0082
Ivory#FFFFF0
Khaki#F0E68C
Lavender#E6E6FA
LavenderBlush#FFF0F5
LawnGreen#7CFC00
LemonChiffon#FFFACD
LightBlue#ADD8E6
LightCoral#F08080
LightCyan#E0FFFF
LightGoldenrodYellow#FAFAD2
LightGreen#90EE90
LightGrey#D3D3D3
LightPink#FFB6C1
LightSalmon#FFA07A
LightSeaGreen#20B2AA
LightSkyBlue#87CEFA
LightSlateGray#778899
LightSteelBlue#B0C4DE
LightYellow#FFFFE0
Lime#00FF00
LimeGreen#32CD32
Linen#FAF0E6
Magenta#FF00FF
Maroon#800000
MediumAquamarine#66CDAA
MediumBlue#0000CD
MediumOrchid#BA55D3
MediumPurple#9370DB
MediumSeaGreen#3CB371
MediumSlateBlue#7B68EE
MediumSpringGreen#00FA9A
MediumTurquoise#48D1CC
MediumVioletRed#C71585
MidnightBlue#191970
MintCream#F5FFFA
MistyRose#FFE4E1
Moccasin#FFE4B5
NavajoWhite#FFDEAD
Navy#000080
OldLace#FDF5E6
Olive#808000
OliveDrab#6B8E23
Orange#FFA500
OrangeRed#FF4500
Orchid#DA70D6
PaleGoldenrod#EEE8AA
PaleGreen#98FB98
PaleTurquoise#AFEEEE
PaleVioletRed#DB7093
PapayaWhip#FFEFD5
PeachPuff#FFDAB9
Peru#CD853F
Pink#FFC0CB
Plum#DDA0DD
PowderBlue#B0E0E6
Purple#800080
Red#FF0000
RosyBrown#BC8F8F
RoyalBlue#4169E1
SaddleBrown#8B4513
Salmon#FA8072
SandyBrown#F4A460
SeaGreen#2E8B57
Seashell#FFF5EE
Sienna#A0522D
Silver#C0C0C0
SkyBlue#87CEEB
SlateBlue#6A5ACD
SlateGray#708090
Snow#FFFAFA
SpringGreen#00FF7F
SteelBlue#4682B4
Tan#D2B48C
Teal#008080
Thistle#D8BFD8
Tomato#FF6347
Turquoise#40E0D0
Violet#EE82EE
Wheat#F5DEB3
White#FFFFFF
WhiteSmoke#F5F5F5
Yellow#FFFF00
YellowGreen#9ACD32

Учебник HTML

HTML уроки: HTML Цвета



Please enable JavaScript to view the comments powered by Disqus.

wm-school.ru

Таблица цветов HTML и CSS

Основные цвета
 #000000rgb(0,0,0)blackчёрный
 #C0C0C0rgb(192,192,192)silverсеребряный
 #808080rgb(128,128,128)grayсерый
 #FFFFFFrgb(255,255,255)whiteбелый
 #800000rgb(128,0,0)maroonтёмно-бордовый
 #FF0000rgb(255,0,0)redкрасный
 #800080rgb(128,0,128)purpleпурпурный
 #FF00FFrgb(255,0,255)fuchsiaфуксия
 #008000rgb(0,128,0)greenзелёный
 #00FF00rgb(0,255,0)limeлаймовый
 #808000rgb(128,128,0)oliveоливковый (желтовато-зелёный)
 #FFFF00rgb(255,255,0)yellowжёлтый
 #000080rgb(0,0,128)navyтёмно-синий (морской)
 #0000FFrgb(0,0,255)blueсиний
 #008080rgb(0,128,128)tealзеленовато-голубой
 #00FFFFrgb(0,255,255)aquaцвет морской волны
Дополнительные цвета
 #F0F8FFrgb(240,248,255)aliceblueбледно-голубой
 #FAEBD7rgb(250,235,215)antiquewhiteантичный белый
 #7FFFD4rgb(127,255,212)aquamarineаквамарин (зеленовато-голубой)
 #F0FFFFrgb(240,255,255)azureлазурный
 #F5F5DCrgb(245,245,220)beigeбежевый
 #FFE4C4rgb(255,228,196)bisqueфарфоровый
 #FFEBCDrgb(255,235,205)blanchedalmondбланшированный миндаль
 #8A2BE2rgb(138,43,226)bluevioletголубовато-фиолетовый
 #A52A2Argb(165,42,42)brownкоричневый
 #DEB887rgb(222,184,135)burlywoodтяжёлая древесина
 #5F9EA0rgb(95,158,160)cadetblueсиний курсантский
 #7FFF00rgb(127,255,0)chartreuseбеледно-зелёный (зеленовато-жёлтый)
 #D2691Ergb(210,105,30)chocolateшоколадный
 #FF7F50rgb(255,127,80)coralкоралловый
 #6495EDrgb(100,149,237)cornflowerblueвасильковый
 #FFF8DCrgb(255,248,220)cornsilkкукурузный
 #DC143Crgb(220,20,60)crimsonмалиновый (тёмно-красный)
 #00FFFFrgb(0,255,255)cyanциан (голубой)
 #00008Brgb(0,0,139)darkblueтёмно-синий
 #008B8Brgb(0,139,139)darkcyanтёмно-голубой
 #B8860Brgb(184,134,11)darkgoldenrodтёмно-золотистый
 #A9A9A9rgb(169,169,169)darkgrayтёмно-серый
 #006400rgb(0,100,0)darkgreenтёмно-зелёный
 #A9A9A9rgb(169,169,169)darkgreyтёмно-серый
 #BDB76Brgb(189,183,107)darkkhakiтёмный хаки
 #8B008Brgb(139,0,139)darkmagentaфиолетовый
 #556B2Frgb(85,107,47)darkolivegreenтёмно-оливковый
 #FF8C00rgb(255,140,0)darkorangeтёмно-оранжевый
 #9932CCrgb(153,50,204)darkorchidтёмная орхидея
 #8B0000rgb(139,0,0)darkredтёмно-красный
 #E9967Argb(233,150,122)darksalmonтёмно-лососевый
 #8FBC8Frgb(143,188,143)darkseagreenтёмный морской волны
 #483D8Brgb(72,61,139)darkslateblueтёмный грифельно-синий
 #2F4F4Frgb(47,79,79)darkslategrayтёмный грифельно-серый
 #2F4F4Frgb(47,79,79)darkslategreyтёмный грифельно-серый
 #00CED1rgb(0,206,209)darkturquoiseтёмно-бирюзовый
 #9400D3rgb(148,0,211)darkvioletтёмно-фиолетовый
 #FF1493rgb(255,20,147)deeppinkрозовый (глубокий розовый)
 #00BFFFrgb(0,191,255)deepskyblueглубокий лазурный (небесно-голубой)
 #696969rgb(105,105,105)dimgrayтускло-сервый
 #696969rgb(105,105,105)dimgreyтускло-сервый
 #1E90FFrgb(30,144,255)dodgerblueсиний рекламный
 #B22222rgb(178,34,34)firebrickогнеупорный кирпич
 #FFFAF0rgb(255,250,240)floralwhiteцветочный белый
 #228B22rgb(34,139,34)forestgreenтёмно-зелёный (травянисто-зелёный)
 #DCDCDCrgb(220,220,220)gainsboroгейнсборо
 #F8F8FFrgb(248,248,255)ghostwhiteпризрачно-белый
 #FFD700rgb(255,215,0)goldзолотой
 #DAA520rgb(218,165,32)goldenrodзолотистый
 #ADFF2Frgb(173,255,47)greenyellowзелёно-жёлтый
 #808080rgb(128,128,128)greyсерый
 #F0FFF0rgb(240,255,240)honeydewцвет нектара
 #FF69B4rgb(255,105,180)hotpinkярко-розовый
 #CD5C5Crgb(205,92,92)indianredкрасный индийский
 #4B0082rgb(75,0,130)indigoиндиго
 #FFFFF0rgb(255,255,240)ivoryслоновая кость
 #F0E68Crgb(240,230,140)khakiхаки
 #E6E6FArgb(230,230,250)lavenderлавандовый
 #FFF0F5rgb(255,240,245)lavenderblushрозовато-ловандовый (багряный)
 #7CFC00rgb(124,252,0)lawngreenзелёный газон
 #FFFACDrgb(255,250,205)lemonchiffonлимонный шифон
 #ADD8E6rgb(173,216,230)lightblueсветло-синий
 #F08080rgb(240,128,128)lightcoralсветло-коралловый
 #E0FFFFrgb(224,255,255)lightcyanсветло-голубой
 #FAFAD2rgb(250,250,210)lightgoldenrodyellowсветлый золотисто-жёлтый
 #D3D3D3rgb(211,211,211)lightgrayсветло-серый
 #90EE90rgb(144,238,144)lightgreenсветло-зелёный
 #D3D3D3rgb(211,211,211)lightgreyсветло-серый
 #FFB6C1rgb(255,182,193)lightpinkсветло-розовый
 #FFA07Argb(255,160,122)lightsalmonсветло-лососевый
 #20B2AArgb(32,178,170)lightseagreenсветлый морской волны
 #87CEFArgb(135,206,250)lightskyblueсветлый лазурный
 #778899rgb(119,136,153)lightslategrayсветлый грифельно-серый
 #778899rgb(119,136,153)lightslategreyсветлый грифельно-серый
 #B0C4DErgb(176,196,222)lightsteelblueсветло-серо-голубой
 #FFFFE0rgb(255,255,224)lightyellowсветло-жёлтый
 #32CD32rgb(50,205,50)limegreenзелёный лайм
 #FAF0E6rgb(250,240,230)linenльняной (полотняный)
 #FF00FFrgb(255,0,255)magentaпурпурный (фуксия, мажента)
 #66CDAArgb(102,205,170)mediumaquamarineсредний аквамарин
 #0000CDrgb(0,0,205)mediumblueсредний синий
 #BA55D3rgb(186,85,211)mediumorchidсредний орхидейный
 #9370DBrgb(147,112,219)mediumpurpleсредне-фиолетовый
 #3CB371rgb(60,179,113)mediumseagreenсредний морской волны
 #7B68EErgb(123,104,238)mediumslateblueсредний грифельно-синий
 #00FA9Argb(0,250,154)mediumspringgreenсредний весенне-зелёный
 #48D1CCrgb(72,209,204)mediumturquoiseсредне-бирюзовый
 #C71585rgb(199,21,133)mediumvioletredсредний фиолетово-красный
 #191970rgb(25,25,112)midnightblueполуночно-синий
 #F5FFFArgb(245,255,250)mintcreamмятно-кремовый
 #FFE4E1rgb(255,228,225)mistyroseдымчато-розовый
 #FFE4B5rgb(255,228,181)moccasinмокасин
 #FFDEADrgb(255,222,173)navajowhiteбелый навахо
 #FDF5E6rgb(253,245,230)oldlaceстарые кружева
 #6B8E23rgb(107,142,35)olivedrabоливково-жёлтый
 #FFA500rgb(255,165,0)orangeоранжевый
 #FF4500rgb(255,69,0)orangeredоранжево-красный
 #DA70D6rgb(218,112,214)orchidсветло-лиловый (орхидея)
 #EEE8AArgb(238,232,170)palegoldenrodбледно-золотистый
 #98FB98rgb(152,251,152)palegreenбледно-зелёный
 #AFEEEErgb(175,238,238)paleturquoiseбледно-бирюзовый
 #DB7093rgb(219,112,147)palevioletredфиолетово-красный
 #FFEFD5rgb(255,239,213)papayawhipвзбитая папайя
 #FFDAB9rgb(255,218,185)peachpuffслойные персики
 #CD853Frgb(205,133,63)peruперуанский
 #FFC0CBrgb(255,192,203)pinkрозовый
 #DDA0DDrgb(221,160,221)plumсливовый
 #B0E0E6rgb(176,224,230)powderblueпыльно-голубой
 #BC8F8Frgb(188,143,143)rosybrownрозово-коричневый
 #4169E1rgb(65,105,225)royalblueярко-синий
 #8B4513rgb(139,69,19)saddlebrownбурый
 #FA8072rgb(250,128,114)salmonоранжево-розовый (лососевый)
 #F4A460rgb(244,164,96)sandybrownкожаный
 #2E8B57rgb(46,139,87)seagreenморской волны
 #FFF5EErgb(255,245,238)seashellморская ракушка
 #A0522Drgb(160,82,45)siennaохра
 #87CEEBrgb(135,206,235)skyblueлазурный (небесно-голубой)
 #6A5ACDrgb(106,90,205)slateblueгрифельно-синий
 #708090rgb(112,128,144)slategrayгрифельно-серый
 #708090rgb(112,128,144)slategreyсиневато-серый
 #FFFAFArgb(255,250,250)snowснежный
 #00FF7Frgb(0,255,127)springgreenвесенне-зелёный
 #4682B4rgb(70,130,180)steelblueсиневато-стальной
 #D2B48Crgb(210,180,140)tanжёлто-коричневый (дубильная кора)
 #D8BFD8rgb(216,191,216)thistleчертополох
 #FF6347rgb(255,99,71)tomatoтоматный
 #40E0D0rgb(64,224,208)turquoiseбирюзовый
 #EE82EErgb(238,130,238)violetфиолетовый (лиловый)
 #F5DEB3rgb(245,222,179)wheatпшеничный
 #F5F5F5rgb(245,245,245)whitesmokeдымчато-белый
 #9ACD32rgb(154,205,50)yellowgreenжёлто-зелёный

a-panov.ru

Таблица HTML цветов — коды и названия

Кодцвет
#000000черный
# 0C090AНочь
# 2C3539темно-серый цвет
# 2B1B17полуночный
# 34282CДревесный уголь
# 25383CТемный шифер серый
# 3B3131масло
#413839Черная кошка
# 3D3C3AIridii
# 463E3FЧерный угорь
# 4C4646Черная корова
# 504A4BСерый волк
#565051Сердце вампиров
# 5C5858Серый дельфин
# 625D5DУглеродный серый
#666362Ясень
# 6D6968Облачно серый
# 726E6DДымчатый серый
# 736F6EСерый
# 837E7Cгранит
#848482Броненосец Серый
# B6B6B4Серый облако
# D1D0CEСерый гусь
# Скорость4E2платиновый
# BCC6CCМеталлический серебристый
# 98AFC7Серо-голубой
# 6D7B8DСветлый серый шифер
#657383Шифер серый
# 616D7EJet Grey
# 646D7EMist Blue
# 566D7EМраморный синий
# 737CA1Шифер Синий
# 4863A0Стальной синий
# 2B547EГолубая сойка
# 2B3856Темный шифер Синий
# 151B54Темно-синий
#000080Темно-синий
# 342D7EСиний кит
# 15317EЛяпис синий
# 151B8DДжинсовая темно-синяя
# 0000A0Земля Синий
# 0020C2Синий кобальт
# 0041C2Голубика голубая
# 2554C7Сапфирово-синий
# 1569C7Голубые глаза
# 2B60DEКоролевский синий
# 1F45FCГолубая орхидея
# 6960ECГолубой Лотос
# 736AFFСветовой шифер синий
# 357EC7Windows Blue
# 368BC1Ледяной синий лед
# 488AC7Синий Синий
# 3090C7Голубой плющ
# 659EC7Синий кои
# 87AFC7Columbia Blue
# 95B9C7Голубые
# 728FCEЛегкий стальной синий
# 2B65ECСиний океан
# 306EFFГолубая лента
# 157DECГолубое платье
# 1589FFDodger Blue
# 6495EDВасильковый
# 6698FFГолубое небо
# 38ACECБабочка Blue
# 56A5ECайсберг
# 5CB3FFКристально синий
# 3BB9FFГлубокий небесно-голубой
# 79BAECДжинсовый синий
# 82CAFAСветло-голубой
# 82CAFFДень Голубого
# A0CFECДжинсы синие
# B7CEECГолубой ангел
# B4CFECПастель Синий
# C2DFFFСинее море
# C6DEFFПорошок синий
#AFDCECКоралловый синий
#ADDFFFСветло-синий
#BDEDFFРобин Яйцо Синий
#CFECECБледно-голубая лилия
# E0FFFFСветлый голубой
# EBF4FAвода
# F0F8FFAliceBlue
# F0FFFFлазурь
#CCFFFFСветовой шифер
# 93FFE8Легкий аквамарин
# 9AFEFFЭлектрический синий
# 7FFFD4Аквамарин
# 00FFFFГолубой или Аква
# 7DFDFEТрон Блю
# 57FEFFСиний циркон
# 8EEBECГолубая лагуна
# 50EBECнебесный
# 4EE2ECГолубой бриллиант
# 81D8D0Тиффани Блю
# 92C7C7Cyan Opaque
# 77BFC7Голубая Хоста
# 78C7C7Северное сияние
# 48CCCDСредняя бирюза
# 43C6DBБирюзовый
# 46C7C7медуза
# 7BCCB5Цвет морской волны
# 43BFC7Ара синий зеленый
# 3EA99FСветло-зеленый
# 3B9C9CТемный бирюзовый
# 438D80Морская черепаха зеленая
#348781Средний аквамарин
# 307D7EЗеленый
# 5E7D7EСероватый бирюзовый
# 4C787EЖук Зеленый
#008080чирок
# 4E8975Цвет морской волны
# 78866BКамуфляж зеленый
# 848b79Зеленый шалфей
# 617C58Хейзел Грин
# 728C00Зеленый яд
# 667C26Папоротник зеленый
#254117Темный лес зеленый
#306754Средний морской зеленый
#347235Средний лес зеленый
# 437C17Морские водоросли
# 387C44Сосновый зеленый
# 347C2CДжунгли Грин
# 347C17Shamrock Green
#348017Средний весенний зеленый
# 4E9258Зеленый лес
# 6AA121Зеленый лук
# 4AA02CВесенний зеленый
# 41A317Лайм Грин
# 3EA055Зеленый клевер
# 6CBB3CЗеленая змея
# 6CC417Чужой Грин
# 4CC417Зеленое яблоко
# 52D017Желто-зеленый
# 4CC552Келли зеленый
# 54C571Зомби-зеленый
# 99C68EЛягушка зеленый
# 89C35CЗеленый горошек
# 85BB65Доллар Билл Грин
# 8BB381Темное море
# 9CB071Игуана Грин
# B2C248Авокадо-зеленый
# 9DC209Фисташковый зеленый
# A1C935Зеленый салат
# 7FE817Колибри Зеленый
# 59E817Туманность Грин
# 57E964Стоп-сигнал Go Green
# 64E986Водоросли Зеленые
# 5EFB6EНефрит зеленый
# 00FF00зеленый
# 5FFB17Изумрудно-зеленый
# 87F717Зеленый газон
# 8AFB17картезианский монастырь
# 6AFB92Зеленый дракон
# 98FF98мятно-зеленый
# B5EAAAЗеленый большой палец
# C3FDB8Легкий нефрит
# CCFB5DЧай зеленый
# B1FB17Желто-зеленый
# BCE954Слизь зеленый
# EDDA74Goldenrod
# EDE275Урожайное золото
# FFE87CСолнце
# FFFF00желтый
# FFF380Кукуруза желтая
# FFFFC2Пергамент
#FFFFCCКрем
# FFF8C6Лимонный шифон
# FFF8DCКукурузные рыльца
# F5F5DCБежевый
# FBF6D9Блондинка
# FAEBD7AntiqueWhite
# F7E7CEшампанское
#FFEBCDBlanchedAlmond
# F3E5ABваниль
# ECE5B6Тан Браун
# FFE5B4персик
# FFDB58горчичный
# FFD801Резиновый Ducky Yellow
# FDD017Яркое золото
# EAC117золотисто-коричневый
# F2BB66Макароны с сыром
# FBB917шафран
# FBB117Пиво
# FFA62FМускусная дыня
# E9AB17Пчела Желтая
# E2A76FКоричневый сахар
# DEB887BurlyWood
# FFCBA4Глубокий персик
# C9BE62Имбирь Браун
# E8A317Школьный автобус желтый
# EE9A4DСэнди Браун
# C8B560Падение листьев
# D4A017Оранжевое золото
# C2B280песок
# C7A317Коричневый Печенье
# C68E17карамель
# B5A642Латунь
# ADA96 вХаки
# C19A6BВерблюд коричневый
# CD7F32бронза
# C88141Тигр Оранж
# C58917корица
# AF9B60Bullet Shell
# AF7817Темный Goldenrod
# B87333медь
# 966F33Дерево
#806517Дуб Браун
#827839мокасин
# 827B60Армия Браун
# 786D5Fпесчаник
# 493D26кофе мокко
# 483C32темно-серый
# 6F4E37Кофе
# 835C3BБурый медведь
# 7F5217Красная грязь
# 7F462Cсепия
# C47451Оранжевый лосось
# C36241Ржавчина
# C35817Рыжая лиса
# C85A17Шоколад
# CC6600Sedona
# E56717Папайя апельсин
# E66C2CХэллоуин Оранж
# F87217Тыква оранжевый
# F87431Строительство Cone Orange
# E67451Восход Оранжевый
# FF8040Манго Оранж
# F88017Темный оранжевый
# FF7F50коралловый
# F88158Баскетбол Оранжевый
# F9966BЛегкий лосось
# E78A61мандарин
# E18B6BТемный лосось
# E77471Светлый коралл
# F75D59Бин красный
# E55451Валентин Красный
# E55B3CШокирующий Оранжевый
# FF0000красный

comhub.ru

Подбор цветов и генерация цветовых схем

Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета, и использует вариации, сделанные только лишь изменением насыщенности и яркости.

Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.

Также монохроматические вариации сделаны для каждого цвета в других схемах.

Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.

Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.

Модель цветовой триады (мягкий контраст). Основной цвет дополнен двумя цветами, помещенными тождественно по обе стороны его комплемента. В отличие от «острого» контраста, эта цветовая схема зачастую является более комфортной для глаз, она мягче, и в ней больше пространства для балансировки теплых/холодных цветов.

Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.

Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.

Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.

Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его смежными цветами — два цвета, расположенные тождественно по обе стороны. Это всегда смотрится элегантно и четко, цветовая гамма в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета. Модель должна рассматриваться как дополнение — она добавляет напряженности к цветовой палитре, и слишком агрессивна в случае злоупотребления. Вместе с тем, она может быть использована в некоторых деталях, а так же в качестве цветового акцента — порой получается очень эффективная и элегантная цветовая гамма.

Оттенок. На этой вкладке отображается цветовой круг. Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.

Регулировка цветовой схемы. На этой вкладке можно регулировать яркость/насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределенных настроек.

Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.

Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.

Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.

Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.

Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.

Значение оттенка основного цвета. Кликните для ввода числового значения.

Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.

Значение RGB основного цвета. Кликните для ввода числового значения.

Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.

Значения RGB основного цвета.

Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).

Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.

Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.

URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.

Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.

Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.

Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.

Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.

Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.

colorscheme.ru