таблица цветов в шестнадцатеричном коде

Таблица цветовых кодов RGB

Палитра цветов RGB

Таблица цветовых кодов RGB

Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Шестнадцатеричный: #

Красный:

Зеленый:

Синий:

Цветовое пространство RGB

Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.

RGB ≡ красный, зеленый, синий

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

Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.

Любое значение между ними устанавливает частичное излучение светодиода.

Цветовой формат и расчет RGB

Код RGB имеет формат 24 бита (биты 0..23):

КРАСНЫЙ [7: 0]								ЗЕЛЕНЫЙ [7: 0]								СИНИЙ [7: 0]
23	16	15	8	7	0

Примеры расчетов

Белый цвет RGB

White RGB code = 255*65536+255*256+255 = #FFFFFF

Синий цвет RGB

Blue RGB code = 0*65536+0*256+255 = #0000FF

Красный цвет RGB

Red RGB code = 255*65536+0*256+0 = #FF0000

Зеленый цвет RGB

Green RGB code = 0*65536+255*256+0 = #00FF00

Серый цвет RGB

Gray RGB code = 128*65536+128*256+128 = #808080

Желтый цвет RGB

Yellow RGB code = 255*65536+255*256+0 = #FFFF00

Источник

Цвета

Для задания цветов на веб-странице применяется три способа: первый использует обозначения цветов в шестнадцатеричном коде, второй — десятичном, а третий — по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный. Десятичная система, хотя и более привычна для представления, находит применение только с помощью CSS.

Шестнадцатеричные цвета

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. В табл. 1 приведено соответствие десятичных и шестнадцатеричных чисел.

Табл. 1. Десятичные и шестнадцатеричные числа меньше 16

Десятичные	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15
Шестнадцатеричные	1	2	3	4	5	6	7	8	9	A	B	C	D	E	F

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной (табл. 2).

Табл. 2. Десятичные и шестнадцатеричные числа больше 16

Десятичные	16	17	18	19	20	21	22	23	24	25	26	27	28	29	30	31
Шестнадцатеричные	10	11	12	13	14	15	16	17	18	19	1A	1B	1C	1D	1E	1F

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999.

Типичный цвет, используемый в HTML, выглядит следующим образом.

Цвет фона задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

FA

+

8E

+

47

=

FA8E47

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, в модели RGB количество цветом может быть 256 х 256 х 256 = 16.777.216 комбинаций.

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселей других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру, так называемых, веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых — красной, зелёной и синей — устанавливается одно из шести значений — 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 — 216 цветов. Пример веб-цвета — #33FF66.

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

Названия цветов

Чтобы не запоминать совокупность цифр, вместо них можно использовать имена широко используемых цветов.

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

Источник

Таблица RGB-цветов

В HTML цвет чаще всего задаются RGB-кодом. Любой цвет разлагается на три основные составляющие:

Любой цвет задается сочетанием трех чисел, каждое из которых отражает долю одного из трех основных цветов. Каждая доля занимает 1 байт и может варьироваться от 00 до FF (в шестнадцатеричной системе счисления) или от 0 до 255 (в десятичной системе счисления).

Если цвет задается в шестнадцатеричном формате, то перед последовательностью шестнадцатеричных цифр ставится знак решетки ( # ). Порядок чисел, указывающих насыщенность основных цветов, должен выдерживаться строго. Сначала – красный, затем – зеленый, в конце – синий.

Если цвет задается в десятичном формате, то сначала идет ключевое слово rgb, затем в скобках через запятую десятичные числа насыщенности основных цветов.

Для наиболее популярных цветов были введены символьные имена.

Пример серебристого цвета

Подбор RGB цвета

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

Цветовая константа	Red	Green	Blue	Образец
alicemblue	F0	F8	FF
antiquewhite	FA	EB	D7
aqua	00	FF	FF
aquamarine	7F	FF	D4
azure	F0	FF	FF
beige	F5	F5	DC
bisque	FF	E4	C4
black	00	00	00
blanchedalmond	FF	EB	CD
blue	00	00	FF
blueviolet	8A	2B	E2
brown	A5	2A	2A
burlywood	DE	B8	87
cadetblue	5F	9E	A0
chartreuse	7F	FF	00
chocolate	D2	69	1E
coral	FF	7F	50
cornflowerblue	64	95	ED
cornsilk	FF	F8	DC
crimson	DC	14	3C
cyan	00	FF	FF
darkblue	00	00	8B
darkcyan	00	8B	8B
darkgoldenrod	B8	86	0B
darkgray	A9	A9	A9
darkgreen	00	64	00
darkkhaki	BD	B7	6B
darkmagenta	8B	00	8b
darkolivegreen	55	6B	2F
darkorange	FF	8C	00
darkochid	99	32	CC
darkred	8B	00	00
darksalmon	E9	96	7A
darkseagreen	8F	BC	8F
darkslateblue	48	3D	8B
darkslategray	2F	4F	4F
darkturquoise	00	CE	D1
darkviolet	94	00	D3
deeppink	FF	14	93
deepskyblue	00	BF	FF
dimgray	69	69	69
dodgerblue	1E	90	FF
firebrick	B2	22	22
floralwhite	FF	FA	F0
forestgreen	22	8B	22
fushsia	FF	00	FF
gainsboro	DC	DC	DC
ghostwhite	F8	F8	FF
gold	FF	D7	00
goldenrod	DA	A5	20
gray	80	80	80
green	00	80	00
greenyellow	AD	FF	2F
honeydew	F0	FF	F0
hotpink	FF	69	B4
indiandred	CD	5C	5C
indigo	4B	00	82
ivory	FF	FF	F0
khaki	F0	E6	8C
lavender	E6	E6	FA
lavenderblush	FF	F0	F5
lawngreen	7C	FC	00
lemonchiffon	FF	FA	CD
ligtblue	AD	D8	E6
lightcoral	F0	80	80
lightcyan	E0	FF	FF
lightgoldenrodyellow	FA	FA	D2
lightgreen	90	EE	90
lightgrey	D3	D3	D3
lightpink	FF	B6	C1

Ассоциативный ряд цветов:

Источник

Цвета HTML

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

Значения цвета в HTML может быть задано одним из следующих способов.

Имена цветов CSS, SVG.

В отличие от Html, в котором стандартными являются 16 цветов, спецификации CSS и SVG, определяют более расширенный список имен, состоящий из 147 названий. Однако, несмотря на наличие в списке сто сорока семи наименований, оригинальные значения имеют только 138, так как все серые цвета могут быть указаны как через «a», так и через «e» (grAy или grEy), а fuchsia и aqua имеют альтернативные имена: magenta и cyan соответственно (последние не поддерживаются HTML 4.01).

Приведенная ниже таблица представляет имена цветов и их значения в HSL и HEX. При использовании имен, следует помнить, что синтаксис SVG отличается от HTML и CSS: атрибут fill, к примеру, применяется как к цвету текста (color), так и объекта (background-color), а stroke используются для задания контура (обводки) элемента.

Цветовая константа	Red	Green	Blue	Образец
lightsalmon	FF	A0	7A
lightseagreen	20	B2	AA
lightscyblue	87	CE	FA
lightslategray	77	88	99
lightsteelblue	B0	C4	DE
lightyellow	FF	FF	E0
lime	00	FF	00
limegreen	32	CD	32
linen	FA	F0	E6
magenta	FF	00	FF
maroon	80	00	00
mediumaquamarine	66	CD	AA
mediumblue	00	00	CD
mediumorchid	BA	55	D3
mediumpurple	93	70	DB
mediumseagreen	3C	B3	71
mediumslateblue	7B	68	EE
mediumspringgreen	00	FA	9A
mediumturquoise	48	D1	CC
medium violetred	C7	15	85
midnightblue	19	19	70
mintcream	F5	FF	FA
mistyrose	FF	E4	E1
moccasin	FF	E4	B5
navajowhite	FF	DE	AD
navy	00	00	80
oldlace	FD	F5	E6
olive	80	80	00
olivedrab	6B	8E	23
orange	FF	A5	00
orengered	FF	45	00
orchid	DA	70	D6
palegoldenrod	EE	E8	AA
palegreen	98	FB	98
paleturquose	AF	EE	EE
palevioletred	DB	70	93
papayawhop	FF	EF	D5
peachpuff	FF	DA	B9
peru	CD	85	3F
pink	FF	C0	CB
plum	DD	A0	DD
powderblue	B0	E0	E6
purple	80	00	80
red	FF	00	00
rosybrown	BC	8F	8F
royalblue	41	69	E1
saddlebrown	8B	45	13
salmon	FA	80	72
sandybrown	F4	A4	60
seagreen	2E	8B	57
seashell	FF	F5	EE
sienna	A0	52	2D
silver	C0	C0	C0
skyblue	87	CE	EB
slateblue	6A	5A	CD
slategray	70	80	80
snow	FF	FA	FA
springgreen	00	FF	7F
steelblue	46	82	B4
tan	D2	B4	8C
teal	00	80	80
thistle	D8	BF	D8
tomato	FF	63	47
turquose	40	E0	D0
violet	EE	82	EE
wheat	F5	DE	B3
white	FF	FF	FF
whitesmoke	F5	F5	F5
yellow	FF	FF	00
yellowgreen	9A	CD	32

Имя	R G B	H S L
white	#ffffffhex	0°, 0%, 100%
ivory	#fffff0hex	60°, 100%, 97%
lightyellow	#ffffe0hex	60°, 100%, 94%
yellow	#ffff00hex	60°, 100%, 50%
snow	#fffafahex	0°, 100%, 99%
floralwhite	#fffaf0hex	40°, 100%, 97%
lemonchiffon	#fffacdhex	54°, 100%, 90%
cornsilk	#fff8dchex	48°, 100%, 93%
seashell	#fff5eehex	25°, 100%, 97%
lavenderblush	#fff0f5hex	340°, 100%, 97%
papayawhip	#ffefd5hex	37°, 100%, 92%
blanchedalmond	#ffebcdhex	36°, 100%, 90%
mistyrose	#ffe4e1hex	6°, 100%, 94%
bisque	#ffe4c4hex	33°, 100%, 88%
moccasin	#ffe4b5hex	38°, 100%, 86%
navajowhite	#ffdeadhex	36°, 100%, 84%
peachpuff	#ffdab9hex	28°, 27%, 100%
gold	#ffd700hex	51°, 100%, 50%
pink	#ffc0cbhex	350°, 100%, 88%
lightpink	#ffb6c1hex	351°, 100%, 86%
orange	#ffa500hex	39°, 100%, 50%
lightsalmon	#ffa07ahex	17°, 100%, 74%
darkorange	#ff8c00hex	33°, 100%, 50%
coral	#ff7f50hex	16°, 100%, 66%
hotpink	#ff69b4hex	330°, 100%, 71%
tomato	#ff6347hex	9°, 100%, 64%
orangered	#ff4500hex	16°, 100%, 50%
deeppink	#ff1493hex	328°, 100%, 54%
magenta, fuchsia	#ff00ffhex	300°, 100%, 50%
red	#ff0000hex	0°, 100%, 50%
oldlace	#fdf5e6hex	39°, 85%, 95%
lightgoldenrodyellow	#fafad2hex	60°, 80%, 90%
linen	#faf0e6hex	30°, 67%, 94%
antiquewhite	#faebd7hex	34°, 78%, 91%
salmon	#fa8072hex	6°, 93%, 71%
ghostwhite	#f8f8ffhex	240°, 100%, 99%
mintcream	#f5fffahex	150°, 100%, 98%
whitesmoke	#f5f5f5hex	0°, 0%, 96%
beige	#f5f5dchex	60°, 56%, 91%
wheat	#f5deb3hex	39°, 77%, 83%
sandybrown	#f4a460hex	28°, 87%, 67%
azure	#f0ffffhex	180°, 100%, 97%
honeydew	#f0fff0hex	120°, 100%, 97%
aliceblue	#f0f8ffhex	208°, 100%, 97%
khaki	#f0e68chex	54°, 77%, 75%
lightcoral	#f08080hex	0°, 79%, 72%
palegoldenrod	#eee8aahex	55°, 67%, 80%
violet	#ee82eehex	300°, 76%, 72%
darksalmon	#e9967ahex	15°, 72%, 70%
lavender	#e6e6fahex	240°, 67%, 94%
lightcyan	#e0ffffhex	180°, 100%, 94%
burlywood	#deb887hex	34°, 57%, 70%
plum	#dda0ddhex	300°, 47%, 75%
gainsboro	#dcdcdchex	0°, 0%, 86%
crimson	#dc143chex	348°, 83%, 47%
palevioletred	#db7093hex	340°, 60%, 65%
goldenrod	#daa520hex	43°, 74%, 49%
orchid	#da70d6hex	302°, 59%, 65%
thistle	#d8bfd8hex	300°, 24%, 80%
lightgray, lightgrey	#d3d3d3hex	0°, 0%, 83%
tan	#d2b48chex	34°, 44%, 67%
chocolate	#d2691ehex	25°, 75%, 47%
peru	#cd853fhex	30°, 59%, 53%
indianred	#cd5c5chex	0°, 53%, 58%
mediumvioletred	#c71585hex	322°, 81%, 43%
silver	#c0c0c0hex	0°, 0%, 75%
darkkhaki	#bdb76bhex	56°, 38%, 58%
rosybrown	#bc8f8fhex	0°, 25%, 65%
mediumorchid	#ba55d3hex	288°, 59%, 58%
darkgoldenrod	#b8860bhex	43°, 89%, 38%
firebrick	#b22222hex	0°, 68%, 42%
powderblue	#b0e0e6hex	187°, 52%, 80%
lightsteelblue	#b0c4dehex	214°, 41%, 78%
paleturquoise	#afeeeehex	180°, 65%, 81%
greenyellow	#adff2fhex	84°, 100%, 59%
lightblue	#add8e6hex	195°, 53%, 79%
darkgray, darkgrey	#a9a9a9hex	0°, 0%, 66%
brown	#a52a2ahex	0°, 59%, 41%
sienna	#a0522dhex	19°, 56%, 40%
yellowgreen	#9acd32hex	80°, 61%, 50%
darkorchid	#9932cchex	280°, 61%, 50%
palegreen	#98fb98hex	120°, 93%, 79%
darkviolet	#9400d3hex	282°, 100%, 41%
mediumpurple	#9370dbhex	260°, 60%, 65%
lightgreen	#90ee90hex	120°, 73%, 75%
darkseagreen	#8fbc8fhex	120°, 25%, 65%
saddlebrown	#8b4513hex	25°, 76%, 31%
darkmagenta	#8b008bhex	300°, 100%, 27%
darkred	#8b0000hex	0°, 100%, 27%
blueviolet	#8a2be2hex	271°, 76%, 53%
lightskyblue	#87cefahex	203°, 92%, 76%
skyblue	#87ceebhex	197°, 71%, 73%
gray, grey	#808080hex	0°, 0%, 50%
olive	#808000hex	60°, 100%, 25%
purple	#800080hex	300°, 100%, 25%
maroon	#800000hex	0°, 100%, 25%
aquamarine	#7fffd4hex	160°, 100%, 75%
chartreuse	#7fff00hex	90°, 100%, 50%
lawngreen	#7cfc00hex	91°, 100%, 4%
mediumslateblue	#7b68eehex	249°, 80%, 67%
lightslategray, lightslategrey	#778899hex	210°, 14%, 53%
slategray или slategrey	#708090hex	210°, 13%, 50%
olivedrab	#6b8e23hex	80°, 61%, 35%
slateblue	#6a5acdhex	248°, 54%, 58%
dimgray, dimgrey	#696969hex	0°, 0%, 41%
mediumaquamarine	#66cdaahex	160°, 51%, 60%
rebeccapurple	#663399hex	270°, 50%, 40%
cornflowerblue	#6495edhex	219°, 79%, 66%
cadetblue	#5f9ea0hex	182°, 26%, 50%
darkolivegreen	#556b2fhex	82°, 39%, 30%
indigo	#4b0082hex	275°, 100%, 26%
mediumturquoise	#48d1cchex	178°, 60%, 55%
darkslateblue	#483d8bhex	249°, 39%, 39%
steelblue	#4682b4hex	207°, 44%, 49%
royalblue	#4169e1hex	225°, 73%, 57%
turquoise	#40e0d0hex	174°, 72%, 57%
mediumseagreen	#3cb371hex	147°, 50%, 47%
limegreen	#32cd32hex	120°, 61%, 50%
darkslategray, darkslategrey	#2f4f4fhex	180°, 25%, 25%
seagreen	#2e8b57hex	147°, 50%, 36%
forestgreen	#228b22hex	120°, 61%, 34%
lightseagreen	#20b2aahex	177°, 70%, 41%
dodgerblue	#1e90ffhex	210°, 100%, 56%
midnightblue	#191970hex	240°, 64%, 27%
aqua, cyan	#00ffffhex	180°, 100%, 50%
springgreen	#00ff7fhex	150°, 100%, 50%
lime	#00ff00hex	120°, 100%, 50%
mediumspringgreen	#00fa9ahex	157°, 100%, 49%
darkturquoise	#00ced1hex	181°, 100%, 41%
deepskyblue	#00bfffhex	195°, 100%, 50%
darkcyan	#008b8bhex	180°, 100%, 27%
teal	#008080hex	180°, 100%, 25%
green	#008000hex	120°, 100%, 25%
darkgreen	#006400hex	120°, 100%, 20%
blue	#0000ffhex	240°, 100%, 50%
mediumblue	#0000cdhex	240°, 100%, 40%
darkblue	#00008bhex	240°, 100%, 27%
navy	#000080hex	240°, 100%, 25%
black	#000000hex	0°, 0%, 0%

Для получения информации о других цветах и значениях в HEX, HEX8, RGB, RGB%, CMYK, HSL, HSV воспользуйтесь калькулятором цветов.

Источник