Таблица цветов веб: Таблица «безопасных» цветов — Независимое театральное объединение "Зрительские симпатии"

Содержание

Таблица безопасных веб-цветов. Безопасные цвета в HTML и CSS

Привет, посетитель сайта ZametkiNaPolyah.ru! Этой записью мы продолжаем рубрику: Верстка сайтов, в которой есть раздел HTML. Данную запись можно еще отнести к разделу CSS, так как эти цвета можно задавать HTML элементам и при помощи свойств каскадных таблиц стилей. безопасными такие веб-цвета называются из-за того, что предполагается эти цвета будут одинаково отображаться на любых мониторах и в любых браузерах. Но, как мы знаем, модель RGB аппаратно-зависимая, и отображения цвета на HTML странице в браузере в любом случае будет зависеть от устройства пользователя.

Безопасные веб-цвета в HTML и CSS

Всего насчитывается 216 безопасных цветов в HTML. Но на самом деле говорить: безопасные цвета в HTML не совсем корректно. Эти цвета мы можем использовать для изменения цвета HTML элементов при помощи CSS свойств. Но, самое главное, правильнее говорить безопасные цвета модели RGB. Ведь именно при помощи данной модели мы задаем эти 216 цветов. Также стоит заметить, что слово «безопасные» лучше писать в кавычках. Никакой опасности цвет модели RGB нести не может. Современные мониторы довольно корректно передают любые цвета, а старые устройства в любом случае будут передавать эти безопасные цвета немного по-разному.

Поэтому на данный момент вам не стоит сильно озадачиваться «безопасностью цветов», когда вы оформляете свои HTML документы, задавая тот или иной цвет при помощи специальных HTML атрибутов или же используя CSS свойства, второй подход, кстати, более правильный, так как содержимое следует отделять от оформления.

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

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

Возможно, эти записи вам покажутся интересными

Таблица из 216 цветов для безопасного web дизайна

Ниже представлена таблица цветов для так называемого «безопасного» WEB дизайна, эти цвета гарантированно будут верно «работать» на всех типах устройств. Безопасная палитра цветов разработана математическим путем и основная цель таблицы одинаковое отображение цветов используемых в экранном дизайне на мониторах всех пользователей. Таблица состоит из 216 цветосочетаний основных оттенков RGB (red, green, blue)

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

Над каждым цветом два значения, первое в RGB второе в NEX (для использования в html)

255. 255.204	255.255.153	255.255.102	255.255.51	255.255.0	204.204.0
FFFFCC	FFFF99	FFFF66	FFFF33	FFFF00	CCCC00

255.204.102	255.204.0	255.204.51	204.153.0	204.153.51	153.102.0
FFCC66	FFCC00	FFCC33	CC9900	CC9933	996600

255. 153.0	255.153.51	204.153.102	204.102.0	153.102.51	102.51.0
FF9900	FF9933	CC9966	CC6600	996633	663300

255.204.153	255.153.102	255.102.0	204.102.51	153.51.0	102.0.0
FFCC99	FF9966	FF6600	CC6633	993300	660000

255. 102.51	204.51.0	255.51.0	255.0.0	204.0.0	153.0.0
FF6633	CC3300	FF3300	FF0000	CC0000	990000

255.204.204	255.153.153	255.102.102	255.51.51	255.0.51	204.0.51
FFCCCC	FF9999	FF6666	FF3333	FF0033	CC0033

204. 153.153	204.102.102	204.51.51	153.51.51	153.0.51	51.0.0
CC9999	CC6666	CC3333	993333	990033	330000

255.102.153	255.51.102	255.0.102	204.51.102	153.102.102	102.51.51
FF6699	FF3366	FF0066	CC3366	996666	663333

255. 153.204	255.51.153	255.0.153	204.0.102	153.51.102	102.0.51
FF99CC	FF3399	FF0099	CC0066	993366	660033

255.102.204	255.0.204	255.51.204	204.102.153	204.0.153	153.0.102
FF66CC	FF00CC	FF33CC	CC6699	CC0099	990066

255. 204.255	255.153.255	255.102.255	255.51.255	255.0.255	204.51.153
FFCCFF	FF99FF	FF66FF	FF33FF	FF00FF	CC3399

204.153.204	204.102.204	204.0.204	204.51.204	153.0.153	153.51.153
CC99CC	CC66CC	CC00CC	CC33CC	990099	993399

204. 102.255	204.51.255	204.0.255	153.0.204	153.102.153	102.0.102
CC66FF	CC33FF	CC00FF	9900CC	996699	660066

204.153.255	153.51.204	153.51.255	153.0.255	102.0.153	102.51.102
CC99FF	9933CC	9933FF	9900FF	660099	663366

153. 102.204	153.102.255	102.0.204	102.51.204	102.51.153	51.0.51
9966CC	9966FF	6600CC	6633CC	663399	330033

204.204.255	153.153.255	102.51.255	102.0.255	51.0.153	51.0.102
CCCCFF	9999FF	6633FF	6600FF	330099	330066

153. 153.204	102.102.255	102.102.204	102.102.153	51.51.153	51.51.102
9999CC	6666FF	6666CC	666699	333399	333366

51.51.255	51.0.255	51.0.204	51.51.204	0.0.153	0.0.102
3333FF	3300FF	3300CC	3333CC	000099	000066

102. 153.255	51.102.255	0.0.255	0.0.204	0.51.204	0.0.51
6699FF	3366FF	0000FF	0000CC	0033CC	000033

0.102.255	0.102.204	51.102.204	0.51.255	0.51.153	0.51.102
0066FF	0066CC	3366CC	0033FF	003399	003366

153. 204.255	51.153.255	0.153.255	102.153.204	51.102.153	0.102.153
99CCFF	3399FF	0099FF	6699CC	336699	006699

102.204.255	51.204.255	0.204.255	51.153.204	0.153.204	0.51.51
66CCFF	33CCFF	00CCFF	3399CC	0099CC	003333

153. 204.204	102.204.204	51.153.153	102.153.153	0.102.102	51.102.102
99CCCC	66CCCC	339999	669999	006666	336666

204.255.255	153.255.255	102.255.255	51.255.255	0.255.255	0.204.204
CCFFFF	99FFFF	66FFFF	33FFFF	00FFFF	00CCCC

153. 255.204	102.255.204	51.255.204	0.255.204	51.204.204	0.153.153
99FFCC	66FFCC	33FFCC	00FFCC	33CCCC	009999

102.204.153	51.204.153	0.204.153	51.153.102	0.153.102	0.102.51
66CC99	33CC99	00CC99	339966	009966	006633

102. 255.153	51.255.153	0.255.153	51.204.102	0.204.102	0.153.51
66FF99	33FF99	00FF99	33CC66	00CC66	009933

153.255.153	102.255.102	51.255.102	0.255.102	51.153.51	0.102.0
99FF99	66FF66	33FF66	00FF66	339933	006600

204. 255.204	153.204.153	102.204.102	102.153.102	51.102.51	0.51.0
CCFFCC	99CC99	66CC66	669966	336633	003300

51.255.51	0.255.51	0.255.0	0.204.0	51.204.51	0.204.51
33FF33	00FF33	00FF00	00CC00	33CC33	00CC33

102. 255.0	102.255.51	51.255.0	51.204.0	51.153.0	0.153.0
66FF00	66FF33	33FF00	33CC00	339900	009900

204.255.153	153.255.102	102.204.0	102.204.51	102.153.51	51.102.0
CCFF99	99FF66	66CC00	66CC33	669933	336600

153. 255.0	153.255.51	153.204.102	153.204.0	153.204.51	102.153.0
99FF00	99FF33	99CC66	99CC00	99CC33	669900

204.255.102	204.255.0	204.255.51	204.204.153	102.102.51	51.51.0
CCFF66	CCFF00	CCFF33	CCCC99	666633	333300

204. 204.102	204.204.51	153.153.51	153.153.102	153.153.0	102.102.0
CCCC66	CCCC33	999966	999933	999900	666600

255.255.255	204.204.204	153.153.153	102.102.102	51.51.51	0.0.0
FFFFFF	CCCCCC	999999	666666	333333	000000

Таблица разработана специалистами студии Артема Лебедева

216 Список безопасных веб-цветов

216 Список безопасных веб-цветов — от WebSafeColors.

design

Таблица цветов ниже перечисляет 216 безопасных веб-цветов (в соответствии с неофициальным стандартом безопасных веб-цветов). Соответствующий шестнадцатеричный цветовой код и цветовой код rgb отображаются над каждым образцом цвета. Шестнадцатеричный код цвета на самом деле представляет собой просто значение rgb в шестнадцатеричном формате . Цветовой код rgb использует десятичную запись и разделяет каждый компонент (красный, зеленый и синий) запятой. Обратите внимание на то, как пошаговые изменения значений hex/rgb влияют на цвет. Прочтите разделы «Обучение» и «Часто задаваемые вопросы» для получения дополнительной информации.

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

RGB: rgb(0,0,0)

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

RGB: rgb(0,0,51)

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

RGB: RGB(0,0,102)

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

RGB: rgb(0,0,153)

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

RGB: rgb(0,0,204)

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

RGB: rgb(0,0,255)

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

RGB: rgb(0,51,0)

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

RGB: rgb(0,51,51)

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

RGB: RGB(0,51,102)

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

RGB: rgb(0,51,153)

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

RGB: rgb(0,51,204)

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

RGB: rgb(0,51,255)

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

RGB: RGB(0,102,0)

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

RGB: RGB(0,102,51)

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

RGB: RGB(0,102,102)

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

RGB: RGB(0,102,153)

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

RGB: rgb(0,102,204)

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

RGB: rgb(0,102,255)

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

RGB: rgb(0,153,0)

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

RGB: RGB(0,153,51)

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

RGB: RGB(0,153,102)

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

RGB: RGB(0,153,153)

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

RGB: rgb(0,153,204)

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

RGB: rgb(0,153,255)

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

RGB: rgb(0,204,0)

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

RGB: rgb(0,204,51)

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

RGB: rgb(0,204,102)

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

RGB: rgb(0,204,153)

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

RGB: rgb(0,204,204)

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

RGB: rgb(0,204,255)

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

RGB: rgb(0,255,0)

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

RGB: rgb(0,255,51)

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

RGB: rgb(0,255,102)

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

RGB: rgb(0,255,153)

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

RGB: rgb(0,255,204)

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

RGB: rgb(0,255,255)

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

RGB: rgb(51,0,0)

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

RGB: rgb(51,0,51)

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

RGB: rgb(51,0,102)

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

RGB: rgb(51,0,153)

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

RGB: rgb(51,0,204)

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

RGB: rgb(51,0,255)

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

RGB: rgb(51,51,0)

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

RGB: rgb(51,51,51)

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

RGB: rgb(51,51,102)

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

RGB: rgb(51,51,153)

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

RGB: rgb(51,51,204)

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

RGB: rgb(51,51,255)

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

RGB: rgb(51,102,0)

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

RGB: rgb(51,102,51)

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

RGB: rgb(51,102,102)

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

RGB: rgb(51,102,153)

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

RGB: rgb(51,102,204)

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

RGB: RGB(51 102 255)

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

RGB: rgb(51,153,0)

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

RGB: rgb(51,153,51)

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

RGB: rgb(51 153 102)

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

RGB: rgb(51,153,153)

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

RGB: rgb(51 153 204)

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

RGB: rgb(51 153 255)

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

RGB: rgb(51,204,0)

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

RGB: rgb(51,204,51)

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

RGB: rgb(51 204 102)

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

RGB: rgb(51 204 153)

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

RGB: rgb(51 204 204)

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

RGB: rgb(51 204 255)

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

RGB: rgb(51,255,0)

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

RGB: rgb(51,255,51)

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

RGB: rgb(51 255 102)

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

RGB: rgb(51 255 153)

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

RGB: rgb(51 255 204)

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

RGB: rgb(51 255 255)

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

RGB: rgb(102,0,0)

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

RGB: rgb(102,0,51)

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

RGB: rgb(102,0,102)

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

RGB: rgb(102,0,153)

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

RGB: rgb(102,0,204)

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

RGB: rgb(102,0,255)

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

RGB: rgb(102,51,0)

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

RGB: RGB(102,51,51)

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

RGB: rgb(102,51,102)

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

RGB: rgb(102,51,153)

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

RGB: RGB(102,51,204)

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

RGB: rgb(102,51,255)

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

RGB: rgb(102,102,0)

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

RGB: rgb(102,102,51)

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

RGB: RGB(102,102,102)

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

RGB: RGB(102,102,153)

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

RGB: RGB(102,102,204)

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

RGB: rgb(102,102,255)

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

RGB: rgb(102,153,0)

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

RGB: rgb(102,153,51)

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

RGB: RGB(102,153,102)

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

RGB: rgb(102,153,153)

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

RGB: rgb(102,153,204)

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

RGB: rgb(102 153 255)

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

RGB: rgb(102,204,0)

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

RGB: rgb(102,204,51)

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

RGB: rgb(102,204,102)

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

RGB: RGB(102 204 153)

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

RGB: rgb(102,204,204)

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

RGB: rgb(102 204 255)

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

RGB: rgb(102,255,0)

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

RGB: rgb(102,255,51)

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

RGB: rgb(102 255 102)

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

RGB: rgb(102 255 153)

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

RGB: rgb(102 255 204)

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

RGB: rgb(102 255 255)

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

RGB: rgb(153,0,0)

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

RGB: rgb(153,0,51)

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

RGB: rgb(153,0,102)

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

RGB: rgb(153,0,153)

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

RGB: rgb(153,0,204)

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

RGB: rgb(153,0,255)

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

RGB: rgb(153,51,0)

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

RGB: RGB(153,51,51)

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

RGB: RGB(153,51,102)

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

RGB: rgb(153,51,153)

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

RGB: rgb(153,51,204)

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

RGB: rgb(153,51,255)

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

RGB: rgb(153,102,0)

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

RGB: RGB(153,102,51)

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

RGB: rgb(153,102,102)

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

RGB: RGB(153,102,153)

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

RGB: rgb(153,102,204)

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

RGB: rgb(153 102 255)

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

RGB: rgb(153,153,0)

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

RGB: rgb(153,153,51)

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

RGB: RGB(153,153,102)

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

RGB: RGB(153,153,153)

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

RGB: rgb(153,153,204)

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

RGB: rgb(153 153 255)

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

RGB: rgb(153,204,0)

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

RGB: RGB(153,204,51)

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

RGB: rgb(153,204,102)

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

RGB: rgb(153,204,153)

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

RGB: rgb(153,204,204)

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

RGB: rgb(153 204 255)

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

RGB: rgb(153,255,0)

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

RGB: rgb(153,255,51)

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

RGB: rgb(153 255 102)

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

RGB: rgb(153 255 153)

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

RGB: rgb(153 255 204)

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

RGB: rgb(153 255 255)

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

RGB: rgb(204,0,0)

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

RGB: rgb(204,0,51)

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

RGB: rgb(204,0,102)

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

RGB: rgb(204,0,153)

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

RGB: rgb(204,0,204)

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

RGB: rgb(204,0,255)

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

RGB: RGB(204,51,0)

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

RGB: rgb(204,51,51)

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

RGB: rgb(204,51,102)

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

RGB: rgb(204,51,153)

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

RGB: rgb(204,51,204)

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

RGB: rgb(204,51,255)

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

RGB: rgb(204,102,0)

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

RGB: rgb(204,102,51)

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

RGB: rgb(204,102,102)

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

RGB: rgb(204,102,153)

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

RGB: rgb(204,102,204)

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

RGB: rgb(204 102 255)

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

RGB: rgb(204,153,0)

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

RGB: rgb(204,153,51)

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

RGB: rgb(204,153,102)

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

RGB: rgb(204,153,153)

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

RGB: rgb(204,153,204)

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

RGB: RGB(204 153 255)

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

RGB: rgb(204,204,0)

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

RGB: rgb(204,204,51)

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

RGB: rgb(204,204,102)

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

RGB: rgb(204,204,153)

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

RGB: rgb(204,204,204)

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

RGB: rgb(204 204 255)

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

RGB: rgb(204,255,0)

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

RGB: rgb(204,255,51)

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

RGB: rgb(204 255 102)

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

RGB: rgb(204 255 153)

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

RGB: rgb(204 255 204)

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

RGB: rgb(204 255 255)

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

RGB: rgb(255,0,0)

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

RGB: rgb(255,0,51)

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

RGB: rgb(255,0,102)

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

RGB: rgb(255,0,153)

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

RGB: RGB(255,0,204)

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

RGB: rgb(255,0,255)

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

RGB: rgb(255,51,0)

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

RGB: rgb(255,51,51)

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

RGB: rgb(255,51,102)

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

RGB: rgb(255,51,153)

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

RGB: rgb(255,51,204)

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

RGB: rgb(255,51,255)

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

RGB: rgb(255,102,0)

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

RGB: rgb(255,102,51)

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

RGB: rgb(255,102,102)

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

RGB: rgb(255,102,153)

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

RGB: rgb(255,102,204)

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

RGB: rgb(255,102,255)

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

RGB: rgb(255,153,0)

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

RGB: RGB(255,153,51)

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

RGB: rgb(255,153,102)

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

RGB: rgb(255,153,153)

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

RGB: rgb(255,153,204)

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

RGB: rgb(255,153,255)

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

RGB: rgb(255,204,0)

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

RGB: rgb(255,204,51)

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

RGB: rgb(255,204,102)

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

RGB: RGB(255,204,153)

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

RGB: rgb(255,204,204)

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

RGB: rgb(255,204,255)

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

RGB: rgb(255,255,0)

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

RGB: rgb(255,255,51)

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

RGB: rgb(255,255,102)

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

RGB: rgb(255,255,153)

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

RGB: rgb(255,255,204)

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

RGB: rgb(255,255,255)

Совет для профессионалов: чтобы быстро получить доступ к 216 цветовым кодам выше, посетите http://216. codes/

Что дальше? Теперь, когда вы изучили 216 безопасных веб-цветов, узнайте больше.

Таблица цветов высокого разрешения

с цветовыми кодами Hex/HTML, RGB и CMYK

Цифровой мир — красочное место. В распоряжении веб-сайта или графического дизайнера имеются миллионы цветов. Такое большое количество доступных вариантов может в конечном итоге сбить с толку начинающего художника. Часто можно не задумываться о выборе правильных цветовых кодов или выбирать цвета на основе личного выбора.

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

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

Понимание цветовых кодов Hex/HTML

Тот факт, что существует более 16 миллионов цветовых кодов на выбор, фактически получен из 256 возможных настроек трех основных цветов: красного, зеленого и синего (известных как RGB). Это три основных цвета, из которых могут быть получены другие цвета. Цифра 16,7 миллиона получается путем математического кубирования числа 256 (256x256x256).

Шестнадцатеричный код — это система счисления с основанием 16, используемая компьютерами. Чтобы указать конкретный цветовой код в шестнадцатеричном коде, вам нужно смешать красный, зеленый и синий (всегда в этом порядке), сверяясь с таблицей цветовых кодов. В таблице каждый код разбит на 3 набора по 2 цифры в каждом: rr, gg и bb — это пары из двух цифр, управляющие тремя основными оттенками. Каждый из rr , gg и bb может иметь значения от нуля (00) до максимума (ff).

Итак, 100% красный обозначается ff , так как это система с основанием 10, а также потому, что шестнадцатеричные числа 0-9 и a-f . Таким образом, пример красного цвета html будет # ff3333 .

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

#ffffff – Белый (максимум красного, максимум зеленого и максимум синего)
#000000 – Черный (без красного, без зеленого и без синий)
#ff0000 – красный (полностью красный, без зеленого и синего)
#00ff00 – зеленый (полностью зеленый, без красного и синего)
#0000ff – синий (полностью синий, без зеленого и красный)

Оттенки цветов

Теперь, когда вы знаете, что такое цветовые коды, возможно, вы ищете вдохновение для своего дизайна. Эти списки с оттенками цветов помогут вам. Они включают названия цветов, коды Hex, RGB и CMYK:

Красные цвета
Оранжевые цвета
Желтые цвета
Зеленые цвета
Синие цвета
Фиолетовые цвета
Розовые цвета
коричневые цвета
Черные цвета
Grey Colors
Black Colors
Grey Colors

Black Colors
Grey Colors

Arly

Arly
. обзорная таблица различных цветов и их кодов Hex/HTML, RGB и CMYK. Щелкните изображение, чтобы открыть его в высоком разрешении и увеличить его.
Безопасные для Интернета цвета
Давайте посмотрим, что такое безопасные для Интернета цвета. Цветовые коды, безопасные для Интернета или браузера, — это 216 цветов, которые отображаются сплошными, неразмытыми и согласованными на любом мониторе. Чтобы понять термин «дизеринг», настройте монитор вашего компьютера на отображение только 256 или 16 цветов. Теперь вы заметите «пятнистый» дисплей при работе в сети с использованием этой настройки. Это известно как дизеринг.
Термин «безопасный для Интернета» или «безопасный для браузера цвет» появился в те времена, когда компьютеры отображали не более 256 цветов. Из них 40 цветов были зарезервированы для систем Windows и Mac. Таким образом, оставалось всего 216 цветов, которые можно было отобразить без дизеринга. Чтобы быть безопасным в Интернете, цвет должен иметь очень определенные количества и комбинации цветов RGB, в основном 0%, 20%, 40%, 60%, 80% или 100% или 0, 51, 102, 153, 204, 255. Таким образом, веб-безопасный оттенок красного цвета может иметь 100 % красного цвета и по 20 % зеленого и синего (а не 9 цветов).4% красного, 26% зеленого и 14% синего). Последняя комбинация вызовет дизеринг на некоторых системах.
Когда использовать безопасные для Интернета цвета
Теперь, когда вы узнали, что такое безопасные для Интернета цвета, давайте рассмотрим, следует ли их использовать и когда.
Если дизайн вашего веб-сайта имеет сплошной фон, вы можете сделать его безопасным для Интернета цветом. Это гарантирует единообразное отображение на всех системах и компьютерных платформах. Даже на старых компьютерных системах фон будет отображаться без сглаживания и «чисто». В случае веб-графики с невидимым фоном или изображений/текстовых изображений с невидимым фоном безопасные для браузера цвета могут оказаться полезными. Цвета, безопасные для Интернета, также использовались для сгенерированного HTML-текста и изображений GIF, чтобы обеспечить правильное сопоставление цветов и неразрывность на мониторах с проблемами цветопередачи.
No related posts.