Конвертер цвета
Переводит цвет между форматами и подсказывает, какой текст класть сверху — светлый или тёмный.
Что делает
Переводит один цвет между форматами: из HEX в RGB, из RGB в HSL и обратно. Заодно подсказывает, какой текст класть поверх этого цвета — светлый или тёмный, — чтобы надпись читалась. Всё считается в браузере, ничего не отправляется.
Когда пригодится
Дизайнер прислал цвет в одном формате, а в вёрстке нужен другой. Подбираете оттенок и хотите крутить насыщенность или светлоту — для этого нужен HSL. Проверяете, не потеряется ли подпись на цветной плашке. Собираете палитру бренда и сводите разнобойные записи цветов к одному виду.
Как заполнить
Цвет Впишите цвет в любом привычном виде: #3366ff, короткая запись вроде #36f или три числа через запятую — 51, 102, 255. Решётку в начале можно не ставить. Ограничение поля — 64 знака, для одного цвета этого с запасом. Вписывать сюда список цветов не нужно: инструмент разбирает одно значение за раз. Названия цветов словами тоже не подойдут — нужен код.
Что получится
Тот же цвет во всех форматах сразу, каждый со своей кнопкой копирования, плюс образец заливки и подсказка про цвет текста поверх. Значения можно вставлять в стили как есть. Если в поле попало что-то, что не разбирается как цвет, инструмент об этом скажет и не станет показывать случайный результат.
