Генератор случайных HEX-кодов цвета

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

Пример:

Как это работает

Нужно вдохновение для палитры сайта, набор тестовых цветов для макета или просто случайный цвет для творческого проекта? Выберите нужное количество цветов и создайте их все одним щелчком: на каждом образце показан его шестнадцатеричный код, который можно скопировать отдельно, а также доступен общий экспорт в CSS-переменные для прямой вставки в таблицу стилей.

Как устроен шестнадцатеричный код цвета?

HEX-код вроде #3a6df0 кодирует три значения от 0 до 255 (красный, зелёный, синий), переведённые в систему счисления с основанием 16, то есть по две шестнадцатеричные цифры на каждую составляющую. Это самый распространённый формат в CSS и веб-дизайне, потому что он компактен и его удобно копировать и вставлять.

Можно ли использовать эти цвета прямо в моём CSS-коде?

Да: кнопка «Копировать как CSS-переменные» автоматически оформляет все созданные цвета как пользовательские переменные (--color-1, --color-2 и т. д.), готовые для вставки в вашу таблицу стилей.

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