Как да преобразувате цвят
- Кликнете върху цветното поле, за да изберете цвят, или го въведете в текстовото поле.
- Можете да го въведете като HEX (#1e90ff), като rgb(), като hsl() или с английското му име.
- Вижте цвета в прегледа заедно с еквивалентите му в HEX, RGB, HSL и CMYK.
- Копирайте нужния формат и проверете контраста с бял или черен текст.
За какво служи
Дизайнерите и разработчиците често преобразуват цвят от един формат в друг: HEX от палитра, rgb() в стилов файл, HSL за създаване на по-светли или по-тъмни варианти. Този инструмент го прави с една стъпка.
Изчислява и контраста на цвета с бял текст и с черен текст според насоките за достъпност WCAG: 4.5:1 за ниво AA и 7:1 за ниво AAA при нормален текст.
CMYK е просто преобразуване, полезно като ориентир; за професионален печат трябва да ползвате цветовия профил от вашия дизайнерски софтуер.
Какво да имате предвид
- CMYK се изчислява от RGB със стандартната формула, без цветови профил, затова може да се различава от видяното при печат.
- Имената на цветовете работят на английски (red, tomato, navy…).
- Вграденият избор на цвят може да изглежда различно според браузъра и устройството.
Често задавани въпроси
Как да преобразувам HEX в RGB?
Въведете HEX (например #1e90ff) и инструментът веднага показва еквивалентния rgb(), заедно с HSL и CMYK.
Какво е WCAG контраст?
Измерва колко четлив е текстът върху даден фон. Съотношение 4.5:1 отговаря на ниво AA, а 7:1 – на AAA, за нормален текст.
Приема ли цветове с прозрачност?
Да: можете да въведете #rrggbbaa, rgba() или hsla() и те се показват и с прозрачността си.
Изпраща ли се нещо на сървър?
Не. Всичко се изчислява във вашия браузър.
Безплатно ли е?
Да, безплатно е, не изисква регистрация и работи директно във вашия браузър.