Безопасные цвета и html: таблица
Безопасные цвета или, по-другому, web-палитра были созданы для согласования браузеров. Раньше, когда компьютеры и мониторы не могли отображать необходимое количество оттенков, разработчики очень беспокоились о несоответствии. Они волновались, что их странички будут неодинаково хорошо смотреться в разных браузерах и мониторах. Старые устройства вывода ограничивали деятельность разработчиков. Поэтому для безопасности и сохранности исходного вида интернет-страниц и были придуманы веб-цвета.
Создание
Как известно, html и css используют несколько способов для определения значения цвета. Большинство веб-разработчиков используют специальные RGB-коды, в которых указывается индивидуальный номер оттенка. Например, такая запись: «#223366» означает, чтобы было взято 22 – красного, 33 – зеленного и 66 – синего. Последнее значение находится в преобладающем количестве. И если смешать в таких пропорциях краски, то получится темно синий цвет. RGB является сокращением от английских слов Red, Green и Blue. И именно эти цвета были выбраны для аддитивной цветовой модели, с помощью которой и происходит синтез красок. Некоторые предполагают, что безопасные цвета html были назначены наугад. Но это не так. Выбор происходил при помощи сухого математического расчета. Были выбраны только те значения, которые делятся на 3 и которые имеют пару одинаковых цифр. Например: «# 663366» или «#cc0099» (где с означает 13). А такие цвета, как «#ff66d6» или «#9999AA» уже не относятся к безопасным цветам, так как нарушают основные правила. Если монитор встречал неизвестный ему оттенок, то он пытался заменить его или создать новую краску. Чаще всего использовалась система дитеринг, в которой происходило смешивание цветов с целью создания другого. Иногда такой способ помогал избежать необратимых последствий неправильного отображения, но бывали случаи, когда картина сайта полностью менялась. Именно поэтому была создана отдельная палитра цветов, которая имела полное согласование с устройствами и браузерами того времени.
Использование
Как вы, наверное, уже поняли, безопасные цвета для сайта выглядят очень скудно, так как нет большого многообразия оттенков и переливов. Но во времена использования старых мониторов такая палитра была единственным выходом для получения одинакового отображения картинки на разных устройствах. Сейчас использовать безопасные цвета нет необходимости, ведь практически у каждого пользователя интернета стоит современное оборудование, которое с легкостью производит уже все известные оттенки. Сайты выглядят очень скудно, если использовать только веб-палитру. Некоторые графические редакторы (например Adobe Photoshop) до сих пор оставляют возможность подбора только безопасного цвета. Но прогресс не стоит на месте, и каждый год в сфере программирования появляется что-нибудь новое.
Заключение
Использовать безопасные цвета сегодня уже не имеет смысла. Практически все старые мониторы заменены на новые. Поэтому безопасные цвета уже уходят в историю и вскоре полностью исчезнут из всех программ и интернет-страничек.
Что такое таблица цветов HTML, и для чего она нужна?
Оформляя сайт, особенно разрабатывая его дизайн с нуля, многие сталкиваются с такой проблемой, как раскрашивание страницы сайта, таблиц, текста. Во многих конструкторах сайтов есть специальные модули и кнопки, с помощью которых и задаются данные параметры. Но далеко не все они обладают широким функционалом. Вот тут-то и приходит на помощь таблица цветов HTML.
Что такое таблица цветов
В программировании, вне зависимости от языка, многие команды и параметры задаются специальными короткими обозначениями. Не стал исключением и язык HTML-разметки. Он имеет достаточно широкий набор команд и обозначений.
Для того чтобы раскрасить элемент страницы или текста в нужный оттенок, следует знать о таком понятии, как таблица HTML-кодов цветов. В ней содержатся основные коды того или иного цвета или оттенка. Использовав их, можно задать тон любого элемента, прописав его в определенном тэге.
Код в таблице передается с помощью шестнадцатеричной системы. Каждый цвет состоит из шести символов. Каждая пара символов обозначает интенсивность того или иного цвета. Первая из них отвечает за красный цвет, вторая – за зеленый, третья – за синий.
Код цвета всегда начинается со знака решетки (#). Например, код черного будет выглядеть так: «#000000».
Стоит отметить, что некоторые веб-мастера используют укороченный вариант кода, используя всего лишь три символа – по одному из пары. Но все же мы рекомендуем вам применять общепринятые обозначения.
Какие бывают таблицы цветов для HTML
Таблица цветов HTML представлена в нескольких вариантах. Первый — базовые цвета. Их всего шестнадцать. Сюда относятся такие цвета, как красный, серый, серебристый, белый, черный, зеленый, синий, голубой, желтый и прочие. Их довольно удобно использовать для оформления текста, так как все они достаточно насыщенные и яркие. Далее можно выделить так называемую «Таблицу безопасных цветов», которая насчитывает 216 оттенков, отображаемых на любой видеокарте. Эту таблицу довольно легко найти в любом учебнике по HTML. Стоит отметить, что она подойдет в том случае, если вы занимаетесь непосредственно дизайном сайта или страницы, и вам нужны именно оттенки цветов — как насыщенные, так и довольно легкие и едва заметные.
Также позволим себе выделить таблицу оттенков серого цвета, которая содержит более 10 вариантов. Она также подойдет для дизайна сайта, в особенности для фона-подложки под основной текст. Любые из этих кодов можно использовать и в том случае, если вам нужно задать цвет текста в таблице HTML для сносок или мелких приписок.
Чем заменить?
Что делать, если под рукой нет таблицы цветов? Этот вариант исключать нельзя, даже несмотря на то, что она довольно широко используется и относится к открытой и доступной информации.
Если у вас нет возможности найти данный материал, можно записать цвет в процентном соотношении. При этом знак решетки вам не потребуется. Но задавать оттенок таким способом довольно трудно и муторно, так как вы никогда не будете знать заранее, что у вас может получиться. Запись в таком формате может выглядеть примерно так: «10P %». Однако такой способ записи цвета мы не рекомендуем. Таблица цветов HTML будет намного надежнее, чем такие эксперименты.
Третий способ задать цвет – написать его название на английском. В основном браузеры читают и адекватно воспринимают названия основных цветов, а также их оттенков, помеченных значениями dark (темно), light (светло). К примеру, черный цвет задается как Black, а темно-красный – DarkRed.
Выводы
Таблица цветов HTML – одна из наиболее важных вещей, о которых стоит знать веб-дизайнерам. С ее помощью можно «раскрасить» страницы сайта, текст, таблицы и прочие элементы.
Таблица содержит наиболее употребляемые цвета и их коды, состоящие из трех пар знаков, обозначающих интенсивность красного, зеленого и синих цветов. Найти ее можно в любом учебнике по HTML.
В случае если у вас под рукой нет таблицы, можно задать цвет, используя его название на английском языке.
Few Development & Design Foundations с HTML5, 8th Edition
AliceBlue
#F0F8FF
AntiqueWhite
#FAEBD7
Aqua
Aquamarine
#7ffd4
#20002
ABAMARINE
FFFD4. FAMARFE
ABAMARINE
FFFD4.FFFFFFFFFf
Bisque
#FFE4C4
Black
#000000
Blue
#0000ff
Blueviolet
#8A2BE2
Brown
#A52A2A
Burlywood
0003 #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
#006400
#006400
0002 darkkhaki
#BDB76B
darkmagenta
#8B008B
darkolivegreen
#556B2F
darkorange
#FF8C00
darkorchid
#9932CC
darkred
#8B0000
darksalmon
#E9967A
darkseagreen
#8FBC8F
темно-серый
#483D8B
темно-серый
#2F4F4F
темно-бирюзовый
#00CED1
темно-фиолетовый
#9400D3
темно-розовый
03 #FF 10409033 mediumturquoise
#48D1CC
deepskyblue
#00BFFF
dimgray
#696969
dodgerblue
#1E90FF
firebrick
#B22222
floralwhite
#FFFAF0
forestgreen
#228B22
fuchsia
#FF00FF
Гейнсборо
#DCDCDC
Ghostwhite
#F8F8FF
золотой
#FFD700
золотарник
#DAA520
серый
#
зеленый
0003 #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
#F080909
LightCoral
#F080909
9000
#E0FFFF
lightgreen
#90EE90
lightgrey
#D3D3D3
lightpink
#FFB6C1
lightsalmon
#FFA07A
lightseagreen
#20B2AA
lightskyblue
#87CEFA
lightslategray
#778899
lightsteelblue
# B0C4DE
светло-желтый
#FFFFE0
салатовый
#00FF00
салатовый
#32CD32
лен 900FF03 #FAF0E6
пурпурный
30003
maroon
#800000
mediumblue
#0000CD
midnightblue
#191970
mintcream
#F5FFFA
mistyrose
#FFE4E1
moccasin
#FFE4B5
navajowhite
#FFDEAD
navy
#000080
Oldlace
#FDF5E6
OLIVE
#808000
OLIVEVERAB
#6B8E23
Orange
#FFA500
Orangered
#FF4500
ORCHID
0003 #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
#BC8F8F
0003 #4169E1
saddlebrown
#8B4513
salmon
#FA8072
sandybrown
#F4A460
seagreen
#2E8B57
seashell
#FFF5EE
sienna
#A0522D
silver
#C0C0C0
skyblue
# 87ceeb
SlateBlue
#6A5ACD
SlateGray
#708090
Снег
#FFFAFA
Springgreen
#00ff7f
SteelBlue
#4682B4
TAN
SteelBlue
#4682B4
TAN
#4682B4
#4682B4
0003 #D2B48C
teal
#008080
thistle
#D8BFD8
tomato
#FF6347
turquoise
#40E0D0
violet
#EE82EE
wheat
#F5DEB3
white
#FFFFFF
whitesmoke
# F5F5F5
Yellow
#FFFF00
Yellowgreen
#9ACD32
Lightgoldenrodyellow
#FAFAD2
Mediumaquamarine
#66CDAA
MidoorChid
#BA55D3
#BA55D3
. 0002 mediumpurple
#9370DB
mediumseagreen
#3CB371
mediumslateblue
#7B68EE
mediumspringgreen
#00FA9A
blanchedalmond
#FFEBCD
mediumvioletred
#C71585
HTML5 Color Codes — HTML Hex, RGB and CMYK Color Codes
Официальные цвета HTML5: черный, темно-оранжевый, светло-оранжевый, серый и белый. Цвета логотипа HTML5 олицетворяют класс, счастье, уверенность, нейтральность и чистоту. Цветовая палитра HTML5 остается неизменной с 2008 года. Цветовая схема HTML5 может использоваться для дизайнерских проектов и целей. Цветовые коды и схемы HTML5 для Pantone, HTML, HEX, RGB и CMYK можно найти ниже.
Что означают зеленые точки на iPhone?…
Пожалуйста, включите JavaScript
Что означают зеленые точки на iPhone? | Оранжевая точка iPhone
Официальные и основные цвета HTML5
Ниже приведены официальные и основные цвета HTML5.
Черный
Hex: #000000
RGB: (0, 0, 0)
CMYK: (60, 40, 40, 100)
PANTONE: PMS Black 6 C
Купить соответствующую краску
Темно-оранжевый
Hex: #E44D
RGB: (228, 77, 38)
CMYK: (5, 85, 99, 1)
PANTONE: PMS 7597 C
Купить соответствующую краску
Светло-оранжевый
Hex: #F16529
RGB: (241, 101, 41)
CMYK: (1, 75, 95, 0)
PANTONE: PMS 1645 C
Купить Соответствующую краску
Серый
Hex: #EBEBEB
RGB: (235, 235, 235)
CMYK: (7, 5, 5, 0)
PANTONE: PMS 663 C
Купить Соответствующую краску
Hex Белый
3 : #FFFFFF
RGB: (255, 255, 255)
CMYK: (0, 0, 0, 0)
Color Name | HEX Color Code | RGB Color Code | CMYK Color Code | Pantone Color Code |
---|---|---|---|---|
Black | #000000 | (0, 0, 0) | (60, 40, 40, 100) | PMS Black 6 C |
Dark Orange | #E44D26 | (228, 77, 38) | (5, 85, 99, 1) | 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999.ПМС 7597 С |
Light Orange | #F16529 | (241, 101, 41) | (1, 75, 95, 0) | PMS 1645 C |
Gray | #EBEBEB | (235, 235, 235 | (7, 5, 5, 0) | PMS 663 C |
White | #ffffff | (255, 255, 255) | (0, 0, 0, 0) | . |
Содержание
- 1 Официальные и основные цвета HTML5
- 1.1 Шестнадцатеричные коды цветов HTML5
- 1.2 Цветовые коды HTML5 RGB
- 1.3 Цветовая схема HTML5 CMYK
- 1.4 Цвета HTML5 Pantone
- 2 Какие цвета логотипа HTML5?
- 2.1 Логотип HTML5 Цветовая палитра Формат изображения
- 2.2 Шрифты логотипа HTML5
- 2.3 Логотип HTML5 JPG
- 2.4 Логотип HTML5 PNG
- 3 Что означает логотип HTML5?
- 3.1 История логотипа HTML5
- 4 Подтверждение цветов логотипа HTML5
- 5 Какие другие похожие бренды используют те же цветовые схемы, что и HTML5?
Шестнадцатеричные коды цветов HTML5
Цветовые коды HTML5 HEX: #000000 для черного, #E44D26 для темно-оранжевого, #F16529 для светло-оранжевого, #EBEBEB для серого и #FFFFFF для белого. Цвета HTML5 в формате HEX можно найти ниже.
Цвет HTML5 HEX для черного цвета можно найти ниже.
#000000
Цвет HTML5 HEX для темно-оранжевого можно найти ниже.
#E44D26
Цвет HTML5 HEX для светло-оранжевого можно найти ниже.
#F16529
Цвет HTML5 HEX для серого можно найти ниже.
#EBEBEB
Цвет HTML5 HEX для белого цвета можно найти ниже.
#FFFFFF
Color Name | HEX Color Code |
---|---|
Black | #000000 |
Dark Orange | #E44D26 |
Светло-оранжевый | #F16529 |
Серый | #EBEBEB |
Белый | #ffffffffff |
06 HTMGSM9
Цветовой код HTML5 RGB для черного цвета можно найти ниже.
(0, 0, 0)
Цветовой код HTML5 RGB для темно-оранжевого можно найти ниже.
(228, 77, 38)
Цветовой код HTML5 RGB для светло-оранжевого цвета можно найти ниже.
(241, 101, 41)
Код цвета HTML5 RGB для серого можно найти ниже.
(235, 235, 235)
Цветовой код HTML5 RGB для белого цвета можно найти ниже.
(255, 255, 255)
Color Name | RGB Color Code |
---|---|
Black | (0, 0, 0) |
Dark Orange | (228, 77, 38) |
Light Orange | (241 , 101, 41) |
Серый | (235, 235, 235) |
Белый | (255, 255, 255) |
06.
. (60, 40, 40, 100) за черных, (5, 85, 9)9, 1) для темно-оранжевого, (1, 75, 95, 0) для светло-оранжевого, (7, 5, 5, 0) для серого и (0, 0, 0, 0) для белого. Цветовую палитру HTML5 как CMYK можно найти ниже.Цветовой код HTML5 CMYK для черного цвета можно найти ниже.
(60, 40, 40, 100)
Цветовой код HTML5 CMYK для темно-оранжевого можно найти ниже.
(5, 85, 99, 1)
Цветовой код HTML5 CMYK для светло-оранжевого цвета можно найти ниже.
(1, 75, 95, 0)
Код цвета HTML5 CMYK для серого можно найти ниже.
(7, 5, 5, 0)
Код цвета HTML5 CMYK для белого цвета можно найти ниже.
(0, 0, 0, 0)
Color Name | CMYK Color Code |
---|---|
Black | (60 , 40, 40, 100) |
Темно-оранжевый | (5, 85, 99, 1) |
Светло-оранжевый | (1, 75, 95, 0) |
Серый | (7, 5, 5, 0) |
Белый | (0, 0, 0, 0) |
HTML5.
Pantone. 6 C для черного, PMS 7597 C для темно-оранжевого, PMS 1645 C для светло-оранжевого и PMS 663 C для серого. Цвета HTML5 Pantone можно найти ниже.Цветовой код HTML5 Pantone (PMS) для черного цвета можно найти ниже.
PMS Черный 6 C
Цветовой код HTML5 Pantone (PMS) для темно-оранжевого цвета можно найти ниже.
PMS 7597 C
Цветовой код HTML5 Pantone (PMS) для светло-оранжевого цвета можно найти ниже.
PMS 1645 C
Цветовой код HTML5 Pantone (PMS) для серого цвета можно найти ниже.
PMS 663 C
Color Name | Pantone Color Code |
---|---|
Black | PMS Black 6 C |
Темно-оранжевый | PMS 7597 C |
Light Orange | PMS 1645 C |
GREY | PMS 663 C |
Логотип HTML5 имеет черный, темно-оранжевый, светло-оранжевый, серый и белый цвета, а слова, обозначающие букву HTML B, выполнены жирным шрифтом в верхнем регистре и имеют геометрическую фигуру, напоминающую значок. Логотип HTML5 представляет собой репутацию HTML5 как «стандарта стандарта» и символ прогресса в веб-технологиях.
Цветовая палитра логотипа HTML5 Формат изображения
Цвета логотипа HTML5 можно найти в формате изображения ниже.
Шрифты логотипа HTML5
Шрифт логотипа HTML5 — Gotham Ultra. Шрифт Gotham Ultra используется для словесных знаков, брендинга и рекламы. Шрифт Gotham Ultra был создан Тобиасом Джонсом. Шрифт HTML5 также используется брендами Ford, Chanel и Starbucks.
Логотип HTML5 JPG
Логотип HTML5 в формате JPG можно найти ниже.
Чтобы загрузить логотип HTML5 в формате JPG, щелкните правой кнопкой мыши и выберите «Сохранить».
Логотип HTML5 PNG
Логотип HTML5 в формате PNG можно найти ниже.
Чтобы загрузить логотип HTML5 в формате PNG, щелкните правой кнопкой мыши и выберите «Сохранить».
Что означает логотип HTML5?
Логотип HTML5 символизирует инновации в веб-технологиях. Цвета логотипа HTML5 олицетворяют класс, счастье, уверенность, нейтральность и чистоту. Черный цвет логотипа HTML5 представляет собой класс. Темно-оранжевый цвет логотипа HTML5 символизирует счастье. Светло-оранжевый цвет логотипа HTML5 символизирует уверенность. Серый цвет логотипа HTML5 символизирует нейтральность. Белый цвет логотипа HTML5 символизирует чистоту.
История логотипа HTML5
Логотип HTML5 был создан дизайнерским агентством Ocupop. Дизайнерское агентство Ocupop создало логотип HTML5 и выбрало черный, темно-оранжевый, светло-оранжевый, серый и белый цвет в качестве цветовой палитры бренда HTML5, потому что известно, что он символизирует уверенность и нейтралитет.
Подтверждение цветов логотипа HTML5
Цвета логотипа HTML5 подтверждены компанией HTML5.