Визуальный выбор цвета, мгновенная конвертация между HEX, RGB и HSL, проверка читаемости текста (WCAG) и готовая палитра.
Используйте визуальный круг/палитру, готовые образцы или введите свой код цвета.
Значения HEX, RGB и HSL синхронизируются мгновенно.
Нажмите кнопку копирования рядом с нужной нотацией для вставки в CSS.
RGB описывает цвет через физические компоненты монитора (красный, зелёный, синий), а HSL — через восприятие человеком (оттенок, насыщенность, светлота), что удобнее для подбора гармоничных цветовых схем.
Алгоритм вычисляет относительную яркость (relative luminance) цвета фона и определяет, какой цвет текста (белый или чёрный) обеспечит максимальный контраст.
Мгновенное вычисление криптографических хэшей MD5 (RFC 1321), SHA-1, SHA-256 и SHA-512 в браузере с аппаратным ускорением Web Crypto API.
Открыть ▸Кодирование текста и файлов в Base64 и обратное декодирование с корректной поддержкой UTF-8 кириллицы.
Открыть ▸Удаление пробелов, переносов и комментариев из файлов стилей CSS и скриптов JavaScript с наглядной оценкой экономии.
Открыть ▸Браузеры поддерживают несколько нотаций для задания цветов в CSS. Выбор формата влияет не только на читаемость кода, но и на удобство программной генерации цветовых схем, реализации тёмной темы и анимаций. В руководстве разбираем математику каждого формата и рекомендации по применению.
Читать руководствоМинификация — процесс удаления из исходного кода всех символов, не влияющих на его выполнение: пробелов, переносов строк, отступов и комментариев. Для JavaScript минификаторы также переименовывают локальные переменные в однобуквенные идентификаторы. В результате размер файлов уменьшается на 20–60%, что напрямую ускоряет загрузку страницы.
Читать руководство