2 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Код темно синего цвета

2.13. CSS-цвета

Модуль CSS color подробно описывает значения, которые позволяют авторам определять цвета и непрозрачность html-элементов, а также значения свойства color .

Свойство color

  • Содержание:
  • 1. Приоритетные цвета: свойство color
  • 2. Значения цвета
  • 2.1. Основные ключевые слова
  • 2.2. Числовые значения цвета
  • 2.2.1. Цвета модели RGB
  • 2.2.2. Цвета модели RGBA
  • 2.2.3. Ключевое слово transparent
  • 2.2.4. HSL-цвета
  • 2.2.5. HSLA-значения цвета
  • 2.3. Расширенные ключевые слова цвета
  • 2.4. Ключевое слово currentColor

1. Приоритетные цвета: свойство color

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

2. Значения цвета

2.1. Основные ключевые слова

Список основных ключевых слов включает в себя следующие значения:

Названия цветов не чувствительны к регистру.

2.2. Числовые значения цвета

2.2.1. Цвета модели RGB

Формат значения RGB в шестнадцатеричном формате — это знак # , за которым сразу следуют три или шесть шестнадцатеричных символов. Трехзначная запись RGB #rgb преобразуется в шестизначную форму #rrggbb путем копирования цифр, а не путем добавления нулей. Например, #fb0 расширяется до #ffbb00 . Это гарантирует, что белый #ffffff может быть указан в короткой записи #fff , и удаляет любые зависимости от глубины цвета дисплея.

Формат значения RGB в функциональной нотации — rgb( , за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует символ ) . Целочисленное значение 255 соответствует 100% и F или FF в шестнадцатеричной записи:

Символы пробела допускаются вокруг числовых значений.

Все цвета RGB указываются в цветовом пространстве sRGB. Пользовательские агенты могут различаться в точности, с которой они представляют эти цвета, но использование sRGB дает однозначное и объективно измеримое определение того, каким должен быть цвет.

Значения за пределами диапазона устройства должны быть обрезаны или отображены в известном диапазоне: значения красного, зеленого и синего необходимо изменить, чтобы они попадали в диапазон, поддерживаемый устройством. Некоторые устройства, например принтеры, имеют диапазоны, отличные от sRGB, поэтому некоторые цвета за пределами диапазона 0..255 sRGB будут представимы (внутри диапазона устройства) и будут отображаться.

2.2.2. Цвета модели RGBA

Цветовая модель RGB расширена в этой спецификации, чтобы включить alpha , которая управляющая непрозрачностью цвета. В отличие от значений RGB, для значения RGBA нет шестнадцатеричной записи.

Формат значения RGBA в функциональной нотации — rgba( за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует значение непрозрачности, а затем ) . Целочисленное значение 255 соответствует 100% , rgba (255,255,255,0.8) = rgba (100%,100%,100%,0.8) . Символы пробела допускаются вокруг числовых значений.

Параметр непрозрачности применяется ко всему объекту. Любые значения за пределами диапазона от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный) будут ограничены этим диапазоном.

2.2.3. Ключевое слово transparent

Это ключевое слово можно считать сокращением для прозрачного черного цвета rgba (0,0,0,0) , которое является его вычисленным значением.

2.2.4. HSL-цвета

Цвета RGB не интуитивно понятны. CSS3 добавляет числовые цвета hue-saturation-lightness (HSL) в дополнение к числовым цветам RGB. HSL-цвета симметричны свету и темноте, и преобразование HSL в RGB максимально просто.

Цвета HSL кодируются как тройка (оттенок, насыщенность, яркость). Оттенок представлен как угол цветного круга (то есть радуга, представленная в круге). Этот угол обычно измеряется в градусах, так что эта единица измерения неявна в CSS; синтаксически дается только число. По определению красный = 0 = 360, а остальные цвета распределены по кругу, поэтому зеленый = 120, синий = 240 и т.д. Насыщенность и яркость представлены в процентах. 100% — это полное насыщение, а 0% — это оттенок серого. Яркость 0% — черная, 100% — белая, а 50% — нормальная.

Читать еще:  Признаки неправильно выставленного ремня грм
2.2.5. HSLA-значения цвета

Так же, как функциональная нотация rgb() имеет альфа-аналог rgba() , функциональная нотация hsl() имеет альфа-аналог hsla() .

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

2.3. Расширенные ключевые слова цвета

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

HTML-цвета, color-коды – их описание и названия на русском и английском языке

Числовые значения RGB, CMYK, HSV можно определить в программе Photoshop, открыв окно «Color Picker» (щелкните по квадратному значку палитры цветов) и выбирая цвет на редактируемом рисунке с помощью инструмента «Пипетка». Код цвета для таблицы CSS – можно сохранить в память буфера обмена, нажав правую кнопку мыши и выбрав пункт «Copy color as HTML». Для того, чтобы получить нужный цвет из таблицы каталога цветоимён – в интерфейсе «ColorPicker» указывается его известный код RGB (используется в Интернете, с выводом на монитор компьютера и экран мобильных устройств) или CMYK (применяется в полиграфии, при физической печати красками).

Для дизайнерской работы с фотографиями и различной графикой, необходимо иметь откалиброванное оборудование – монитор, принтер и сканер.

Использование, так называемой, «безопасной палитры» (Web-safe color) – было необходимо для передачи цвета без искажений на экране монитора, в те давние времена, когда ещё работали очень старые 8-битные компьютеры с поддержкой всего 256-ти цветов (216+40), которые могли быть отображены одновременно. Сейчас таких ограничений нет на большинстве устройств (могут быть проблемы на стороне софта, например, браузера IE6), имеющих современные видеоадаптеры, даже на мобильных, но восьмибитные графические форматы и дальше широко используются как метод сжатия графики. При этом, значения R, G и B хранятся в специальной таблице (палитре) и каждому пикселу изображения задаётся номер цвета (от 0 до 255) из этой п а л и т р ы. Количество палитровых индексированных цветов можно сделать и меньше 256-ти, для уменьшения размера файла с картинкой. Палитровая таблица зашита в самом графическом файле (GIF, PNG).

В программе Photoshop есть возможность заменить имеющийся на картинке цвет ближайшим из стандартной, для монитора, Web-палитры («256 colors»), нажав на «аварийный кубик» (расположен рядом с кнопками OK, Cancel) в окне «Color Picker». При этом, возможна существенная разница исходной и полученной окраски.

Пробу цвета, для сравнения, можно делать прямо с этой страницы – с помощью спец. программ или в графическом редакторе, скопировав туда скрин с экрана (скриншот снимается сочетанием кнопок Alt + PrtSc в верхнем ряду клавиатуры).

Настройки цвета для страниц сайта задаются в таблицах стилей оформления – во внешних CSS-файлах или прямо в HTML-коде страницы. Это можно сделать разными способами: с помощью фиксированных названий цветов Windows (например, black, white, red и т.д.), или в цифровом виде, с ограниченным дипазоном чисел в десятичном, процентном или HEX-формате ( 0 – 255, #000000 – #FFFFFF, 0.0% – 100.0% ):

style=»color: red;»
color: #ff0000;
color: rgb(100%, 0%, 0%); или rgb(255, 0, 0);

В CSS3 введена модель RGB с альфа-каналом прозрачности (0.1 – минимальная видимость, 0.9 – максимальная):

style=»color: rgba(255, 0, 0, 0.5);»

Для валидности (соответствие Интернет-стандартам W3C) HTML-кода вашего сайта, надо обозначить цвет и для текста и для фона элементов страницы:

Код темно синего цвета

Цвет в стилях можно задавать разными способами: по шестнадцатеричному значению, по названию, в формате RGB, RGBA, HSL, HSLA.

По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.

Читать еще:  Лада ларгус дипломат фото

По названию

Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.

С помощью RGB

Можно определить цвет, используя значения красной, зеленой и синей составляющей в десятичном исчислении. Каждая из трех компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%).

Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.

RGBA добавлен в CSS3, поэтому валидацию CSS-кода надо проводить именно по этой версии. Следует отметить, что стандарт CSS3 еще находится в разработке и некоторые возможности в нем могут поменяться. К примеру, цвет в формате RGB добавленный к свойству background-color проходит валидацию, а добавленный к свойству background уже нет. При этом браузеры вполне корректно понимают цвет для того и другого свойства.

Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, а 240° — синему. Значение оттенка может изменяться от 0 до 359.

Рис. 1. Цветовой круг

Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности.

Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету.

Код темно синего цвета

Добавлено: 15 Марта 2004 г.
хиты: 495416

оценка читателей: 2642 из 3199 считают этот обзор полезным

Добавил guest on 14 Май, 2005 г. — 12:44
моя оценка:

Пацыки, это super!Я согласен, что из 10 на 10!Большое спасибо за халявку, она нам всем очень ригодиться!!
Добавил guest on 28 Фев, 2007 г. — 14:50
моя оценка:

Вот тут еще неплохо: Все цвета интернета

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

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

Цвета из нашей палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.

http://www.artlebedev.ru/tools/colors/
Добавил guest on 18 Ноя, 2007 г. — 14:06
моя оценка:

Отличный документ.Подскажите пожалуйта,как его скачать.Я начинающий пользователь и желаю изучить данную тематику и заниматься разработкой сайтов.С уважением Владимир.Пожалуста ответте vladimir57@neolain.lv
Добавил guest on 27 Ноя, 2007 г. — 18:33
моя оценка:

Читать еще:  Как чистить кожаный салон автомобиля

зачем его скачивать?

Смотри тут и любуйся 🙂
Добавил guest on 12 Окт, 2008 г. — 16:50
моя оценка:

Отлично. Спасибо огромное тому, кто это сделал)))
Добавил guest on 23 Янв, 2009 г. — 20:41
моя оценка:

Человеки.
Как в формате JPEG сделать RGB вместо цвета? Если можно, по подробней. Очень нужно.
Добавил guest on 08 Фев, 2009 г. — 09:07
моя оценка:

Выбрать системную палитру цветов
Добавил guest on 21 Июнь, 2009 г. — 23:40
моя оценка:

Отлично! Большое спасибо! Очень пригодилось. Нашлось Гуглом. Было прямо в первой ссылке. До сего дня стояли другие поисковики, но этой страницы они не выдавали.
Добавил guest on 14 Авг, 2009 г. — 23:00
моя оценка:

спасибо огромное, то что надо. у Лебедева намного меньше, не достаточно, а тут море прямо ))
Гламик.
Добавил guest on 30 Сент, 2009 г. — 11:40
моя оценка:

Уже 5 лет прошло как эта страница людям помогает.
Респект создателю!
Добавил guest on 02 Июнь, 2010 г. — 20:16
моя оценка:

Здравствуйте. Вот если название цветов дополнительно были бы написаны по русски, было бы замечательно. Ведь сейчас прийдётся делать переводы цветов, дабы знать какой цвет и под каким кодом находится.
Добавил guest on 13 Июль, 2010 г. — 09:37
моя оценка:

Цвета в HTML

Способы указания цвета в языке HTML

В языке HTML, существует два способа указать цвет:

1. С помощью имени цвета,
2. С помощью системы RGB, где цвета заданы в шестнадцатеричном формате.

Имя цвета

Имя цвета в HTML указывается английскими словами, например red или green . Имя цвета выступает в качестве значения атрибута HTML-тега. Имён цветов очень много, в этой статье мы рассмотрим лишь основные из них.

Обычно для задания цвета, в языке HTML используют два атрибута:

1. Атрибут color=»имя_цвета» — цвет текста,
2. Атрибут bgcolor=»имя_цвета» — цвет фона.

Примеры использования цветовых атрибутов:
color=»red» — назначаем тексту красный цвет,
bgcolor=»green» — назначаем фону зелёный цвет.

Таблица основных имён цветов HTML:

Шестнадцатеричная система счисления

В повседневной жизни мы пользуемся десятичной системой счисления от 0 до 9 . Программисты и дизайнеры часто используют шестнадцатеричную систему счисления от 0 до 15 , где:

10 = A
11 = B
12 = C
13 = D
14 = E
15 = F

Практически каждый цвет и оттенок видимый нашему зрению можно записать в шестнадцатеричной системе, например красный цвет red (красный) в шестнадцатеричной системе будет равен ff0000

color=»red» — красный цвет, по имени,
color=»#ff0000″ — красный цвет, в шестнадцатеричной системе счисления.

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

Перед тем как начать указывать цвета в HTML с помощью шестнадцатеричной системы счисления, вам для начала нужно узнать о таком понятии как R G B

RGB — это сокращение от слов R ed G reen B lue (Красный Зелёный Синий).

Цвет в HTML, записанный в шестнадцатеричной системе состоит из трех блоков чисел 00 00 00 , где каждый блок отвечает за один из цветов RGB, первый блок за красный цвет, второй за зелёный цвет, третий за синий цвет. Числа могут варьироваться от 00 до ff .

Где, ff — это 255 в десятичной системе счисления.

Схема RGB:
Red — от 00 до ff
Green — от 00 до ff
Blue — от 00 до ff

В итоге получаем число из шести цифр 000000 , где первые два числа отвечают за красный цвет, вторые два числа отвечают за зелёный цвет, третьи два числа отвечают за синий цвет.

Если мы хотим получить красный цвет, то пишем ff0000 , зелёный цвет 00ff00 , синий цвет 0000ff . Например, если хотим получить тёмно красный цвет, то нужно уменьшить первый блок чисел и вместо ff (который равен в десятичной системе счисления 255 ) , записать например 96 (который равен в десятичной системе счисления 150 ) .

Приведём для наглядности, примеры цветов и их шестнадцатеричный код:

Источники:

http://html5book.ru/css-colors
http://www.kakras.ru/mobile/color-list-names.html
http://htmlbook.ru/css/value/color
http://www.klubok.net/reviews160.html
http://gabdrahimov.ru/html-cveta

Ссылка на основную публикацию
Статьи c упоминанием слов:

Adblock
detector