Содержание
- Как можно задать цвет в CSS
- 1. Задание цвета в виде шести цифр шестнадцатеричного кода
- 2. Задание цвета через его название
- 3. Задание цвета в виде трех десятичных чисел
- Таблица HTML цветов
- Рекомендуем посмотреть:
HEX – шестнадцатеричная система представления цвета по основанию 16. Для данной системы используются арабские десятичные цифры от 0 до 9 и латинские буквы от A до F для дополнения цифрового количества до 16. Для web-дизайна взяты 16 основных (ключевых) цветов, так называемый шестнадцатеричный код цвета #RRGGBB, где каждая пара отвечает за свою долю цвета: RR – красный, GG – зеленый и BB – синий. Каждая доля цвета находится в диапазоне от 00 до FF.
Два других представления цвета в web-дизайне это: в виде RGB(*,*,*), где каждая «*» доля цвета представлена десятичными цифрами от 0 до 255 и по наименованиям цвета на английском языке.
При создании цветного изображения главной проблемой является правильная передача цветов на разных типах компьтеров, мониторов и браузеров. Если браузер не может правильно отобразить цвет, то он подбирает похожий или смешивает несколько цветов. А иногда может заменить на какой-то совсем другой цвет.
Таблица 16 основных цветов, которые используются во всех браузерах
Цвет
Hex
(RGB)
#00FFFF
(000,255,255)
#000000
(000,000,000)
#0000FF
(000,000,255)
#FF00FF
(255,000,255)
#808080
(128,128,128)
#008000
(000,128,000)
#00FF00
(000,255,000)
#800000
(128,000,000)
#000080
(000,000,128)
#808000
(128,128,000)
#800080
(128,000,128)
#FF0000
(255,000,000)
#C0C0C0
(192,192,192)
#008080
(000,128,128)
#FFFFFF
(255,255,255)
#FFFF00
(255,255,000)
Читайте также: Панель приборов шеви нива тюнинг
Таблица пурпурного цвета и его оттенков
Цвет
Hex
(RGB)
#FFCBDB
(255,203,219)
#FF0099
(255,000,153)
#F95A61
(249,090,097)
#FF00FF
(255,000,255)
#EF0097
(239,000,151)
#FF91A4
(255,145,164)
#DE3163
(153,149,140)
#990066
(153,000,132)
 #FFF0F5
(255,240,245)
#C8A2C8
(200,162,200)
#FF008F
(255,000,143)
#DA70D6
(218,112,214)
#C71585
(199,021,133)
#92000A
(146,000,010)
#D8BFD8
(185,211,238)
#991199
(153,017,153)
#FF007F
(255,000,127)
#FBA0E3
(108,123,139)
#997ABD
(153,122,141)
Таблица серого цвета и его оттенков
Разработчикам дизайнов сайтов, да и просто сайтостроителям, часто приходится подбирать какие-то цветовые гаммы, чтобы сайт смотрелся красиво и удобно. Как известно, задать цвета в html можно с помощью трех способов (записаны в порядке понижения популярности их применения):
Как можно задать цвет в CSS
1. Задание цвета в виде шести цифр шестнадцатеричного кода
Синтаксис этого способа: # XXXXXX . Первые две цифры отвечают за красный цвет (Red), вторые две цифры за зеленый (Green) и последние две цифры за синий цвет (Blue). Сокращенно его называют RGB. Этот метод встречается чаще всего среди вебмастеров, поскольку он позволяет точно подобрать нужный оттенок цвета.
Возможна более краткая запись в виде трех шестнадцатеричных цифры: # XXX . Поскольку каждый из цветов определяется двухзначным шестнадцатеричным числом, то в данном случае каждая цифра дублируется. Например, # ABC будет равнозначен коду # AABBCC . Аналогично с цифрами.
2. Задание цвета через его название
Самый простой и понятный способ задания цвета – просто написать его название. Сразу скажу, что не для каждого цвета есть свое название, а только для некоторых. Однако этих цветов так много, что, скорее всего, Вы сможете подобрать подходящий для Вас вариант.
Читайте также: Как поставить распредвал на ваз 2114
3. Задание цвета в виде трех десятичных чисел
Этот способ похож на предыдущий, однако имеет более сложный синтаксис: rgb (XYZ,XYZ,XYZ) , где X, Y, Z – любые десятичные цифры, но XYZ не должно превышать 255. Как и в предыдущем случае каждый из трех чисел отвечает за какой-то цвет (красный, зелёный, синий).
Ниже представлена таблица цветов html, в которой можно посмотреть его название, посмотреть как он выглядит, узнать RGB и html код цвета.
На данной странице представлены специальные ключевые слова, которые можно применять для обозначения того или иного цвета на интернет сайтах, и при разработке на языках программирования для Web, таких как HTML, CSS, JavaScript, Flash, и др.
В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более поздних спецификациях дополнительно было определено ещё 130 различных названий цветов. Следующая таблица содержит имена, и образцы цветов, которые ассоциируются с этими именами.
Таблица HTML цветов
Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме
Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.
Источник: