Конвертер, калькулятор цветов.

Данный инструмент работает с основными цветовыми моделями используемые в веб-дизайне, полиграфии, программах компьютерной графики: RGB, CMYK, HSL, HSV. Используя конвертер цветов, Вы можете перевести значения rgb в cmyk, hex в rgb, cmyk в rgb, hex в cmyk, hsv в hsl, rgb в hex, rgb в hsl. Также, калькулятор "понимает" прозрачность (альфа-каналы) и пересчитывает RGBA, HSLA, HSVA, HEX8.

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

Конвертер исключительно лоялен к строковому вводу, и позволяет использовать как строчные, так и заглавные буквы, заменять скобки и запятые на пробелы, указывать проценты, числа от 0 до 255, устанавливать прозрачность от 0 до 1. Несмотря на такую либеральность ввода, которой, естественно, лучше не злоупотреблять (человек к плохому привыкает очень быстро), на выходе Вам будет предоставлен корректный код, готовый для использования в CSS, HTML, SVG. При вставке значений из буфера обмена нажмите "Конвертировать".

Примеры ввода:
С большой или строчной буквы: green, Chocolate (при написании по имени нет зависимости от регистра);
#f0f8ff, сокращенно: #f0f; в шестнадцатеричном коде (Hex) знак "#" можно не указывать: 00ff7f;
rgb(252, 200, 140), rgb(12%,98%,15%);
hsv(289, 23%, 61%), символ "%" можно пропустить: hsv(227, 83, 73);
cmyk 11,63,0,21, или так: cmyk(0%,33%,60%,10%);
hsl(190, 65%, 45%), hsl(268, 89, 56).
С альфа-каналом:
rgba(43%, 75%, 34%, 0.5), rgba(255, 199, 141, 0.5);
hsla 180 42 12 0.5, hsla(90, 69%, 44%, 0.6);
hsva 320 50 29 0.3, hsva(120, 65%, 45%, 0.4);
#f0f8ff36, 00ff7fa7.

Введите значения:

Выберите цвет:

Цветовые схемы.

Схемы применимые к данному цвету генерируются конвертером на основе модели HSL. Расположенные ниже комбинации широко используются в дизайне, в том числе и для веб-разработки.

Триадная.

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

Квадратная.

Тетрадная схема, построенная по принципу квадрата, с поворотом тона на 90°.

Прямоугольная.

Схожая с предыдущей, четырехцветная комбинация, основанная на прямоугольнике.

Расщепленные дополняющие цвета.

Данная конструкция состоит из трех цветов: основного и двух соседних от противоположного.

Монохроматическая.

Гамма оттенков одного цвета, сгенерированная путем уменьшения и увеличения светлоты.

Аналоговая.

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

Примеры цвета.

Несколько примеров визуализирующих выбранный Вами цвет на белом и черном фоне: для контура (границы) - свойство "border-color"; текста - "color", заливки (фона) - "background-color".

Граница.

Текст.

Так выглядит текст с выбранным Вами цветом.

Нравиться? Если нет, стоит попробовать другой.

Фон.