Конвертер цветов
Перевод между HEX, RGB и HSL. Пипетка, предпросмотр, копирование.
Как работает
Цвет хранится в HEX, переводится в RGB через арифметику, а в HSL — по классическому алгоритму конверсии. Всё считается локально, пипетка открывает системный диалог выбора цвета браузера.
Где пригодится
Получить CSS-цвет из макета в Figma, подобрать цвет под готовую палитру, быстро узнать, какой оттенок за каким HEX-кодом скрывается, перевести формат из одного в другой для разных инструментов.
Форматы записи
Короткий HEX #2ce = #22ccee. С альфой: #2563eb80. RGB: rgb(37, 99, 235). HSL: hsl(221, 83%, 53%).
Частые вопросы
4Что значит #RRGGBB?+
Два шестнадцатеричных символа на каждый канал: красный, зелёный, синий. 00 — нет канала, FF (255) — максимум. Белый = #FFFFFF, чёрный = #000000.
Чем HSL лучше RGB?+
HSL описывает цвет через тон (hue), насыщенность (saturation) и светлоту (lightness). Интуитивнее для дизайнеров: хотите темнее — уменьшите L, не трогая H.
Что такое #RRGGBBAA?+
Восьмизначный HEX с альфа-каналом (прозрачностью). #ff000080 = красный с 50% прозрачностью. Поддерживается всеми современными браузерами.
Какой формат выбрать для CSS?+
Любой — все валидны. HEX короче, RGB читаемее для прозрачностей, HSL проще для генерации палитр. В современных проектах часто используют HSL.
Вам также пригодится
Красиво отформатировать, проверить или сжать JSON. Подсветка ошибок.
РазработкаВычислить SHA-1, SHA-256, SHA-384, SHA-512 для текста.
РазработкаОценка надёжности пароля: энтропия в битах, время подбора, чек-лист.
РазработкаПеревод Unix timestamp в дату и обратно. Секунды и миллисекунды.
Разработка