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

Возможности

Генерация 6–12 цветов

Значения HEX, RGB и HSL

Копирование по клику

Закрепление цветов

Как использовать

1. Нажмите Пробел (или «Сгенерировать») — рабочая область заполнится случайными цветами.

2. Закрепляйте понравившиеся — закреплённые плитки переживут следующую генерацию. Клик по плитке копирует её значение.

3. Переключайте формат значения (HEX / RGB / HSL / OKLCH) на панели или копируйте весь набор сразу.

Об этом инструменте

Иногда быстрее всего найти цветовое направление, позволив случаю что-то подсказать. Этот генератор заполняет сцену 3–12 случайными цветами, полученными из криптографически стойкого генератора случайных чисел браузера, и показывает каждый в HEX, RGB, HSL или OKLCH вместе с примерным названием цвета. Нажмите пробел или «Сгенерировать», чтобы получить новый набор; закрепите понравившиеся плитки — они переживут следующую генерацию, и набор можно собирать шаг за шагом. Щёлкните по плитке, чтобы скопировать её значение, или скопируйте весь набор сразу. Случайные цвета отлично подходят для вдохновения, тестовых данных, фонов аватаров и заглушек в графиках, но для фирменной или интерфейсной палитры доработайте гармонию и проверьте контраст текста перед использованием.

Часто задаваемые вопросы

Как генерируются случайные цвета?

Значения берутся из crypto.getRandomValues — безопасного источника случайности в браузере, поэтому любой из 16,7 миллиона 24-битных цветов RGB выпадает с равной вероятностью, а результаты не повторяются по предсказуемой схеме.

Как работают закреплённые цвета?

Закреплённая плитка сохраняет свой цвет при новой генерации, а незакреплённые получают новые случайные цвета. Так можно оставить понравившиеся цвета и продолжать подбирать остальные.

В каком формате копировать значение?

HEX шире всего поддерживается в дизайнерских инструментах и CSS. HSL проще подправлять вручную, а OKLCH удобен, когда в современном CSS нужно согласованно настроить светлоту нескольких цветов.

Можно ли составить доступную палитру из случайных цветов?

Сами по себе — нет. У случайных пар часто слабый контраст. Используйте их как отправную точку и проверяйте каждое сочетание текста и фона в инструменте проверки контраста по WCAG AA.

Как получить более мягкие или более яркие случайные цвета?

Здесь все значения RGB равновероятны, поэтому результаты бывают от приглушённых до ярких. Скопируйте понравившийся цвет в «Конвертер цветов» и уменьшите насыщенность для мягких тонов или увеличьте для ярких — или постройте на его основе гармоничный набор в «Генераторе палитр».

Возможности

Как использовать

Об этом инструменте

Часто задаваемые вопросы

Похожие инструменты