Генератор случайных цветов
Выберите, сколько цветов нужно и в каком формате, – страница покажет ряд образцов с их кодами. Каждый канал – красный, зеленый и синий – выбирается равномерно от 0 до 255 с помощью защищенного генератора случайных чисел браузера.
Работает в браузере: всё, что вы вводите, никуда не отправляется.
Как пользоваться
- Укажите Сколько цветов (от 1 до 50) и выберите HEX, RGB или HSL.
- Нажмите Новые цвета, чтобы получить новый набор. Изменение количества тоже дает новый набор.
- Нажмите Копировать рядом с образцом, чтобы взять один код, или Копировать все – для всего списка, по одному коду на строку.
Форматы
- HEX:
#3366cc – по две шестнадцатеричные цифры на канал.
- RGB:
rgb(51, 102, 204) – каждый канал от 0 до 255.
- HSL:
hsl(220, 60%, 50%) – тон в градусах, насыщенность и светлота в процентах.
Это один и тот же синий цвет в трех записях. Коды выводятся в том виде, в каком их понимает CSS, – целыми числами с запятыми между каналами, так что их можно сразу вставить в стили.
Советы
- Прежде чем ставить цвет в фон, проверьте контраст текста на нем в инструменте проверки контраста.
- Используйте случайные цвета как отправную точку для градиента, графика или фишек в игре, а не как готовую палитру.
Частые вопросы
Как выбираются цвета?
Красный, зеленый и синий каналы выбираются независимо и равномерно от 0 до 255, поэтому каждый из 16 777 216 возможных 8-битных цветов равновероятен. Запись HSL пересчитывается из этого значения RGB.
Почему случайные цвета часто выглядят грязноватыми?
При равномерном выборе каналов много получается средних по яркости и малонасыщенных оттенков. Для продуманной палитры скопируйте понравившийся цвет в конвертер цветов и подстройте насыщенность и светлоту.
Можно получить тот же цвет в другом формате?
Да, переключите формат – те же образцы покажутся в HEX, RGB или HSL. Если нужны HSV, CMYK или OKLCH, воспользуйтесь конвертером цветов.
Цвета где-нибудь сохраняются?
Нет. Они существуют только на этой странице, и новая генерация их заменяет. Скопируйте те, что хотите оставить.