Цвет в стилях можно задавать разными способами: по шестнадцатеричному значению, по названию, в формате 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.
Сложение цветов в RGB модели
По названию
Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.
| white | #ffffff или #fff | rgb(255,255,255) | hsl(0,0%,100%) | Белый |
| silver | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Серый |
| gray | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Тёмно-серый |
| black | #000000 или #000 | rgb(0,0,0) | hsl(0,0%,0%) | Черный |
| maroon | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Тёмно-красный |
| red | #ff0000 или #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Красный |
| orange | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Оранжевый |
| yellow | #ffff00 или #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Желтый |
| olive | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Оливковый |
| lime | #00ff00 или #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Светло-зелёный |
| green | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Зелёный |
| aqua | #00ffff или #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Голубой |
| blue | #0000ff или #00f | rgb(0,0,255) | hsl(240,100%,50%) | Синий |
| navy | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Тёмно-синий |
| teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Сине-зелёный |
| fuchsia | #ff00ff или #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Розовый |
| purple | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Фиолетовый |
Как перевести из RGB в CMYK без потери цвета
С помощью RGB
Можно определить цвет, используя значения красной, зелёной и синей составляющей в десятичном исчислении. Каждая из трёх компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%).
RGBA
Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
HSL
Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, а 240° — синему. Значение оттенка может изменяться от 0 до 359.
Рис. 1. Цветовой круг
Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности.
Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету.
HSLA
Формат HSLA похож по синтаксису на HSL, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
Пример
Цвета body < background-color: #F9F2E3; >h2 < background-color: rgb(214,86,43); color: rgba(255,255,255,.9); padding: 10px; >p < color: green; >div
Предупреждение
Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное!
Арррргх!
Результат данного примера показан на рис. 2.
Рис. 2. Цвета на веб-странице
Спецификация
| CSS Color Module Level 4 | Редакторский черновик |
| CSS Color Module Level 3 | Рекомендация |
| CSS Level 2 (Revision 1) | Рекомендация |
| CSS Level 1 | Рекомендация |
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft ( Черновик спецификации ) — первая черновая версия стандарта.
Браузеры
| #RRGGBB | #RGB | 3 | 12 | 1 | 3.5 | 1 | 1 |
| Названия | 3 | 12 | 1 | 3.5 | 1 | 1 |
| rgb() | 4 | 12 | 1 | 3.5 | 1 | 1 |
| hsl() | 9 | 12 | 1 | 9.5 | 3.1 | 1 |
| rgba() | 9 | 12 | 1 | 10 | 3.1 | 3 |
| hsla() | 9 | 12 | 1 | 10 | 3.1 | 3 |
| #RRGGBB | #RGB | 1 | 1 | 1 | 1 |
| Названия | 1 | 1 | 1 | 1 |
| rgb() | 1 | 1 | 1 | 1 |
| hsl() | 1 | 1 | 10 | 4 |
| rgba() | 4 | 4 | 10 | 4 |
| hsla() | 4 | 4 | 10 | 4 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
См. также
Источник: webref.ru
Градиент Rose Gold
Это пример параграфа с текстом, который использует цвет с кодом #99505B. Цвет текста гармонирует с основным цветом градиента #B76E79.
Коды используемых цветов:
| Цвет 1 (верх) | #B76E79 | 183.110.121 | |
| Цвет 2 (низ) | #A85F6A | 168.95.106 | |
| Цвет рамки | #99505B | 153.80.91 | |
| Цвет тени | #C67D88 | 198.125.136 | |
| Цвет текста | 1234567890 | #99505B | 153.80.91 |
Статистика:
Просмотров — 6349
Нравится — 0
Скопировать в буфер Содержимое скопировано в буфер. Содержимое не было скопировано. Используйте «Ctrl + C».
Источник: ru.getcolorcode.com
Золотой цвет ргб – Золотой цвет в RGB или HEX золота » WOW SEO
Таблица цвета палитры RAL с кодами цвета по RGB и HEX
Список названий, кодировок и примеры цветов. Русские и английские наименования цветов. Шестнадцатеричное значение HEX, RGB, CMYK, HSV
Список названий и примеры цветов. Русские и английские названия цветов. Шестнадцатеричное значение HEX, RGB, CMYK, HSV
Список названий и примеры широко распространённых цветов. Значения цветов номинальны, так как не имеется чёткой системы перевода из RGB в CMYK и т.п. Не используйте данные значения там, где необходимо соответствие цветов с высокой точностью. Кроме того, названия цветов субъективны и произвольны, и могут отличаться в разных культурах. Ни одно из представленных здесь названий цветов не может адекватно и в полной мере характеризовать образец цвета.
Таблица RAL цветов с названиями: полный каталог
Геральдические цвета — тинктуры
Геральдические цвета — тинктуры
Геральдические цвета разделяются на металлы, меха и финифти (эмали или тинктуры). В геральдике используется семь цветов: два металла и пять эмалей.
Первоначально было только четыре цвета — красный, синий, черный и белый, но затем появились дополнительные цвета: зеленый, желтый и пурпурный. В итоге остались следующие основные цвета эмалей: красный (Червлёнь), синий (Лазурь), черный (Чернь), зеленый (Зелень) и фиолетовый (Пурпур)
Лазурь
(все оттенки синего и голубого цветов).
Синий — целомудрие, честность, верность и
Червлёнь
(все оттенки красного).
Красный цвет — любовь, мужество, смелость, великодушие.
Зелень
(все оттенки зелёного цвета).
Зеленый — надежда, изобилие, свобода и радость.
Пурпур
(фиолетовый, холодно-малиновый, сиреневый и цвет запёкшейся крови).
Пурпур означает благочестие, умеренность, щедрость и верховное господство.
Чернь
(чёрный или тёмно-серый цвет).
Черный — осторожность, мудрость и постоянство в испытаниях.
Металлические тинктуры
Золото и серебро. Их изображают белым и жёлтым цветами.
| Золото RGB-цвета: R=255, G=255, B=0 | Серебро RGB-цвета: R=255, G=255, B=255 |
Традиция использовать в геральдике меха происходит, вероятно, от древнего обычая обивать щиты мехом животных, при этом в геральдике традиционно нашли применение только два — горностаевый и беличий.
Горностаевый мех условно изображается в виде чёрных крестиков (крапинок), уширенных к низу, на серебряном поле, или более натуралистично: чёрными хвостиками на серебряном поле с текстурой меха.
Мех, в соответствии со средневековыми нормами, мог использоваться только королевскими и дворянскими семействами в знак их исключительности и превосходства (в наши дни горностаевая шуба у привилегированных членов общества выполняет ту же функцию), однако сейчас это правило немного демократизировалось.
Беличий мех. Чаще всего использовался натуральный мех голубой (серой) белки. Обычай пришёл в средневековье и в геральдику от древних германцев, чьи боевые щиты покрывались мехами. Особенность расцветки изделий из белки заключалась в чередовании серо-голубого и белого меха, так как шкурки сшивались, образуя чередование окраса спины и брюшка названого пушного зверька. Также весьма часто дорогой мех заменялся вырезками из дешёвой материи (сукно), в виде шашек, ромбов, фестонов и т. д.
Не помещать финифть (эмаль) на финифть (эмаль), а металл на металл
Это установление возникло в средневековье, когда от быстрой идентификации рыцарей зависела жизнь. Да и при изготовлении современных гербов с испольованием эмалей необходима металлическая перегородка толщиной до 0,3 мм между эмалями разного цвета.
В описании герба цвет называется строго определённо, независимо от его оттенка на рисунке. В геральдических правилах ничего не сказано об оттенках цветов, так как эту область невозможно регламентировать (разные художники, изображающие герб по стандартному описанию, один и тот же цвет могут отобразить по-разному). Поэтому художник волен выбирать оттенки геральдических тинктур на свой вкус. Можно с уверенностью сказать, что в большинстве гербов цвет выбирается не в соответствии с его символическим значением, а в соответствии с эстетическими принципами составления композиции.
Шаблоны векторных изображений элементов фамильного герба
Щит * Деление щита * Шлем * Корона * Нашлемник с бурелетом * Намет * Девизные ленты * Негеральдические фигуры * Расположение негеральдических фигур * Щитодержатели * Почётные геральдические фигуры * Простые геральдические фигуры
Золотой цвет — Википедия
¹: Нормализовано к [0–255]
²: Нормализовано к [0–100]
Золото́й — жёлто-оранжевый цвет.
Первое употребление слова «золотой» в отношении цвета было зарегистрировано в английском языке около 1300 года для обозначения цвета химического элемента золото, и в 1423 году — для обозначения цвета светлых волос. [1]
Золотой металлик
Золотой металлик (#D4AF37)
¹: Нормализовано к [0–255]
²: Нормализовано к [0–100]
Отличительный блеск металлического оттенка золотого цвета не может быть передан на компьютерном мониторе, так как в веб-цветах не существует механизмов для передачи металлических или флуоресцентных цветов.