Конвертер цветов
С помощью универсального конвертер цветов вы можете легко перевести цвет из одной цветовой модели в ряд других.
В первую очередь, калькулятор служит для удобной работы с современными форматами CSS3-цветов. Поддерживается конвертация из HEX в RGB/RGBA и HSL/HSLA, RGB в CMYK, XYZ, LAB, и обратно.
А также специальный функционал для замещения альфа-канала при переводе цвета из RGBA в RGB (и HSLA в HSL).
Справка по цветовым моделям
Далее приводится краткое описание цветовых систем с которыми работает конвертер, разъяснение по форматам, а также примеры использования полученных цветов в CSS/HTML.
HEX / HTML
Цвет в формате HEX — это ни что иное, как шестнадцатеричное представление RGB.
Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между 00 и FF.
Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.
Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.
Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.
Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).
Цветовые значения RGB поддерживаются во всех основных браузерах.
С недавних пор современные браузеры научились работать с цветовой моделью RGBA — расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.
Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.
Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.
HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).
HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.
По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.
Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
Цветовая модель CMYK часто ассоциируется с цветной печатью, с полиграфией. CMYK (в отличие от RGB) является субтрактивной моделью, это означает что более высокие значения связаны с более тёмными цветами.
Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).
Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).
Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 — жёлтой краски, и 46 — чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).
HSB / HSV
HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.
HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).
Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.
Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.
Перевод dulux в rgb
Лучшая в классе цветовая гамма
Представляем новый, расширенный и улучшенный, колеровочный веер Dulux CP5. Он создан в Международном центре эстетики AkzoNobel при участии ведущих дизайнеров. Перед вами эффективный инструмент, вдохновляющий на уверенный выбор цвета.
- Веер заговорил по-русски. На первых его страницах — инструкция по поиску и легкому подбору цветов.
- Расширен цветовой охват, в палитре теперь 2 079 оттенков. Сохранены самые популярные и продаваемые цвета предыдущей версии.
- Стало больше светлых и чистых цветов, расширена нейтральная палитра, переживающая устойчивый рост спроса.
- Переход по цветовому кругу стал плавным. Разверните веер в круг и увидите радугу.
- Добавлены два новых раздела: желто-зеленые и сине-зеленые оттенки.
- Белые и нейтральные оттенки выделены в отдельные разделы.
- Образцы цвета стали крупнее и нагляднее.
- Плотная обложка и широкая резинка для сохранности внутренних страниц
- Прочный крепеж
- Если ваш веер потерял товарный вид, закажите новый.
Как читать колеровку?
Цвет в номере колеровки задается тремя параметрами: оттенок, коэффициент отражения света (КОС) и насыщенность. Например:
Оттенок
Указывает на цветовое семейство. Их в веере восемь:
Каждому семейству в новом веере соответствует раздел, начинающийся листом-закладкой.
Читайте советы по сочетанию цветов с использованием цветового круга.
Коэффициент отражения света (КОС)
Различает цвета по светлоте в диапазоне от 0 до 99. Чем выше значение КОС, тем светлее цвет. Цвета на листах представлены сверху вниз с уменьшением КОС — от светлого до темного. С помощью КОС легко применять Основное правило выбора цвета.
Насыщенность
Интенсивность цвета изменяется от 000 у нейтральных серых до 999 для самых ярких. Веер Dulux составлен из психологически комфортных цветов, в их окружении мы живем и работаем, поэтому их интенсивность редко превышает отметку 600.
Оттенки белого — в начале веера
Тонкие оттенки белого отделены от остальных, чтобы насыщенные тона их не подавляли. Так их легче сравнивать и выбирать.
Нейтральные — в конце
Доступен широкий диапазон нейтральных тонов, от естественных землистых до легких прохладных. Чтобы облегчить выбор, оттенки сгруппированы по тонам. Можно смело сочетать два близко расположенных оттенка.
Индикатор степени блеска
На восприятие цвета влияет степень блеска финишного покрытия. В веере мы добавили страницу, где показаны шесть наиболее популярных степеней блеска в одном цвете:
Совет. На восприятие степени блеска и цвета влияют степень освещенности поверхности, источник освещения, фактура поверхности и даже размеры помещения. Лучший способ учесть все эти факторы — сделать пробные выкрасы в будущем интерьере.
Как найти цвет по номеру колеровки?
В конце веера есть указатель. Цвета в нем расположены по увеличению номеров и по английскому алфавиту, от 00BB до 99YY. Номера листов расположены слева вверху.
Основное правило выбора цвета
Ориентируйтесь на коэффициент отражения КОС:
- Для потолков: 80–90
- Для стен: 40–60
- Для дверей и деталей интерьера: 25–40
- Самые темные цвета (00–20) используйте для небольших акцентов и отбивок.
Разумеется, это не догма. Кому-то могут понадобиться и абсолютно черные стены (КОС=00), например, для домашнего кинотеатра.
Как сочетать цвета?
Возьмите на вооружение четыре простых и беспроигрышных схемы:
Монохромная схема
Самый простой способ комбинации цветов — оттенки одного цвета. Два цвета с одного листа веера гарантированно сочетаются между собой. Это дает возможность создать гармоничную, умиротворяющую, уравновешенную атмосферу. Плавные переходы тонов одного цвета подчеркивают утонченность и элегантность интерьера.
Аналоговая схема
Другой простой способ сочетания – выбор соседних цветов спектра, например, синего и зеленого. Такой вариант открывает широкие возможности нюансировки. Цветовое пространство получается сбалансированным и спокойным. Вам нужно выбрать два оттенка из соседних разделов веера.
Контрастная схема
Эта цветовая схема предполагает энергичное сочетание теплых цветов с холодными. Разверните веер в круг и выберите два листа примерно напротив друг друга. Если контраст не кажется достаточным, возьмите один из оттенков светлее, а второй темнее.
Нейтральная схема
Нейтральные цвета не приедаются, и потому всегда актуальны. Все цвета из этого раздела веера сочетаются между собой. То же самое можно сказать и о каждой паре цветов из раздела белых. В интерьер нейтральных цветов отлично впишутся как акценты любые яркие цвета аксессуаров.
Совет. Сочетая светлые тона, не используйте соседние оттенки на листе, выбирайте их через один. Цвет на большой площади будет выглядеть интенсивнее, чем на маленьком образце. Определившись с сочетанием на веере, для колеровки возьмите цвета на тон или два светлее выбранных, особенно если это яркие или темные цвета.
Навигация по вееру Dulux
Справка: Инновационная система колеровки Acomix концерна AkzoNobel полностью объединяет колеровку красок Dulux, Marshall и деревозащиты Pinotex.
Чтобы помочь вам в выборе цвета, английский бренд красок Dulux разработал язык цвета, который представлен в виде веера Trade Colour Palette. Этот язык разделяет все цвета (в зависимости от оттенка) на четыре настроения и у каждого из этих настроений есть свой характер.
Самый лучший способ для балансировки вашей цветовой схемы – выбор цветов из одного Настроения. Цвета каждого настроения в этом разделе снабжены уникальным символом:
Яркие
Свежие
Тёплые
Спокойные
и могут быть
использованы для
придания большей
эмоциональности
интерьеру
и первозданные
добавляют
энергии
и света
вашему дому
и расслабляющие,
сделают любое
помещение
уютным
и гостеприимным
и утончённо-нежные,
привносят
воздушность
и безмятежность
в пространство
Кодировка цвета – уникальный идентификатор, призванный отделять один цвет от другого. Представлен в виде XXX YY/ZZ, где X – цветовой тон, Y – светлота тона, Z – насыщенность цветового тона. Пример: 68YR 34/780.
Цветовой тон — одна из основных характеристик цвета (наряду с его светлотой и насыщенностью), определяющая его оттенок и выражающаяся словами «красный, синий, сиреневый» и т. д.
Учимся считывать кодировку цвета
Светлота тона — субъективная яркость участка изображения, отнесённая к субъективной яркости поверхности, воспринимаемой человеком как белая. Цифры, которые отвечают в кодировке за светлоту, меняют свои значения от 00 до 99. Чем больше световой код, тем светлее оттенок.
Насыщенность — интенсивность определённого тона. В кодировке ее значения изменяются от 000 до 900. Чем больше код, тем интенсивнее цветовой тоне.
Существуют три основных вида цветовых схем: монохроматичная, гармоническая, контрастная.
— Монохроматичная – позволяет оформить интерьер в одной палитре, используя различные её оттенки.
— Гармоническая – включает в себя соседние цвета в спектре или на цветовом круге. Эти цвета взаимно дополняют друг друга, создавая интересное цветовое решение.
— Контрастная – объединяет противоположные цвета на цветовом круге. Играя на контрастах (откуда и происходит её название) эта схема создаёт более выразительный эффект или более сбалансированную схему цветового интерьера.