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

Безопасные цвета для Веб. Таблица из 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

Безопасные веб цвета » Инструменты вебмастера

Инструменты

Главная » Безопасные веб цвета

Когда было время 256-цветных мониторов применялась «безопасная палитра», конечно она применяется и сейчас. У безопасной палитры всего три главных цвета для смешивания — R G B и соответствуют значениям: 00, 33, 66, 99, CC, FF.
Вообще, цветовая палитра 6x6x6 является приоритетной при выборе цвета для фона или цвета шрифта.
Вашему вниманию представляется палитра «безопасных веб цветов», которые одинаково хорошо будут отображаться во всех браузерах и во всех оперативных системах.

Информацию о домене, сервере, регистраторе домена можно узнать с помощью Whois сервиса

Категории

Использование веб-цветов в 2020 году

В дизайне

Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше

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

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

Каковы основы?

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

Если вы не знакомы с шестнадцатеричными числами, это числа, в которых используется основание 16, а не 10. Буквы от A до F представляют «цифры» от 10 до 15. Для двузначного числа значение в 16 раз больше первой цифры плюс вторая цифра. Шестнадцатеричное число 3F означает 3 * 16 + 15, или 63 в десятичном виде.

Первые две цифры шестнадцатеричного цвета обозначают красный цвет, следующие две — зеленый, а последние две — синий. Подумайте о «RGB», чтобы запомнить порядок. Меньшие значения дают более темные цвета, поэтому #000000 — черный, а #FFFFFF — белый.

Более короткая версия использует три цифры. Это эквивалентно шестизначному формату , где каждая цифра дублируется для получения шестизначной версии. Значение #46A совпадает со значением #4466AA.

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

Восьмизначное обозначение имеет две цифры в конце, обозначающие степень прозрачности. Значение 00 указывает на полностью прозрачный цвет, а ff — на полностью непрозрачный.
Например, #0000FF88 будет полупрозрачным синим цветом.

Точно так же вы можете добавить одну цифру прозрачности к трехзначному коду цвета. Четырехзначное значение #46A8 определяет полупрозрачный цвет и эквивалентно #4466AA88.

При желании вы можете использовать функциональную запись для значения цвета с десятичными числами от 0 до 255.

Например: rgb(250,75,155)

Чтобы получить альфа-канал, используйте rgba и четыре числа.
Значение альфа-канала, как ни странно, представляет собой число от 0 до 1,0, а не от 0 до 255.

Например: rgba(250,75,155,0,4)

Вы также можете использовать именованные цвета вместо числовых значений.

Цвета и CSS

Несколько свойств CSS задают цвета для различных аспектов страницы.
Свойство color предназначено для цвета переднего плана объекта и ни для чего другого.
Если вы хотите, чтобы область элемента была заполнена цветом, используйте свойство background-color .
Обычно он покрывает содержимое элемента, отступы и области границ. Третье свойство, border-color , устанавливает цвет границ таблицы.

Чтобы указать цвета текста и фона для всей страницы, вы можете использовать:

 body {color: #001818;background-color: #EEEEEE} 

Некоторые свойства используют цвета в сочетании с другими значениями. Например, свойство border использует три значения: ширину, стиль и цвет. Например, вы можете использовать границу : 1px сплошная #000; , чтобы добавить черную рамку вокруг объекта.

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

Именованные цвета

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

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

цветов Web-Safe

. На старых компьютерах с 8-битным цветом напрямую могли отображаться только определенные цвета, а другие получались путем смешивания комбинаций этих цветов. Результатом стало более низкое разрешение. Современные видеокарты воспроизводят 24-битный цвет, поэтому их не беспокоит «веб-безопасность».

Вы можете указать все веб-безопасные цвета с 3-значным обозначением.

These are the web-safe colors:

000	003	006	009
00C	00F	030	033
036	039	03C	03F
060	063	066	069
06C	77	090	093
096	099	09C	09F
0C0	0C3	0C6	0C9
0CC	0CF	0F0	0F3
0F6	0F9	0FC	0FF
300	303	306	309	333
336	339	33C	33F
360	363	366	369
36C	36F	390	393
396	399	39C	39F
3C0	3C3	3C6	3C9
3CC	3CF	3F0	3F3
3F6	3F9	3FC	3FF
600	603	606	609
60C	60F	630	633
636	639	63C	63F
660	663	666	669
66C	66F	690	693
696	699	69C	69F
6C0	6C3	6C6	6C9
6CC	6CF	6F0	6F3
6F6	6F9	6FC	6FF
900	903	906	909
90C	90F	930	933
936	939	93C	93F
960	963	966 ​​	969
96C	96F	990	993
996	999	99C	99F
9C0	9C3	9C6	9C9
9CC	9CF	9F0	9F3
9F6	9F9	9FC	9FF
C00	C03	C06	C09
C0C	C0F	C30	C33
C36	C39	C3C	C3F
C60	C63	C66	C69
C6C	C6F	C90	C93
C96	C99	C9C	C9F
CC0	CC3	CC6	CC9
CCC	CCF	CF0	CF3
CF6	CF9	CFC	CFF
F00	F03	F06	F09
F0C	F0F	F30		999999999999999999999999999999999999999999999999999999999999999999999999999999999999тели 9999999999999999999999999999999999999999999999999999999999999999999999999999999999н.	F3C	F3F
F60	F63	F66	F69
F6C	F6F	F90	F93
F96	F99	F9C	F9F
FC0	FC3	FC6	FC9
FCC	FCF	FF0	FF3	FF0	FF3	FFF

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

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