Генератор случайных цветов
Создавайте случайные цвета и палитры в HEX, RGB или HSL с ограничением оттенка, пресетами пастельных, тёмных и ярких тонов, закреплением цветов и экспортом.
🔒 Работает полностью в вашем браузере — ничего не загружаетсяСлучайные цвета с контролем над результатом
Совершенно случайный цвет часто получается грязным или кричащим, поэтому этот генератор позволяет управлять случайностью. Каждый цвет выбирается в модели HSL: тон от 0 до 360 градусов, насыщенность в процентах и светлота в процентах. Ограничивая каждый из этих трёх диапазонов, вы можете получить что угодно — от нежной пастели до глубоких тёмных оттенков и сочных ярких тонов — и при этом каждый раз при нажатии «Generate» получать новый результат.
Пресеты — это отправная точка. Pastel использует среднюю или высокую насыщенность при высокой светлоте, Dark держит светлоту низкой, а Vivid поднимает насыщенность при средней светлоте. Измените после этого любое поле, и пресет переключится на Custom. Чтобы оставаться в пределах одного семейства цветов, сузьте диапазон тона: примерно от 90 до 150 даёт зелёные, а диапазон с переходом через ноль, например от 330 до 30, — красные и розовые.
Закрепляйте, перегенерируйте и собирайте палитру
Создайте до пятидесяти цветов за раз, затем нажмите кнопку закрепления на тех, которые хотите сохранить. При повторной генерации закреплённые цвета остаются на месте, а заменяются только остальные. Так легко собирать палитру шаг за шагом: найдите понравившийся базовый цвет, закрепите его и генерируйте дальше, пока не подберутся подходящие сочетания. Каждый образец автоматически выбирает чёрный или белый текст на основе относительной яркости, поэтому значение остаётся читаемым на любом фоне.
Копируйте и экспортируйте палитру
Нажмите на любой образец, чтобы скопировать его значение в выбранном формате: HEX, например #3B82F6, RGB, например rgb(59, 130, 246), или HSL, например hsl(217, 91%, 60%). Чтобы забрать весь набор, скопируйте все значения сразу или скачайте их в виде текстового списка, JSON-массива, CSS-файла с пользовательскими свойствами вроде --color-1 или PNG-полоски с образцами. Случайные значения берутся из безопасного генератора случайных чисел браузера, и ничего из созданного не покидает ваше устройство, поэтому инструмент удобен для дизайн-макетов, игровой графики, диаграмм, временных тем оформления и творческих заданий.
Как использовать
- Задайте количество и форматВыберите, сколько цветов вам нужно — от 1 до 50, — и в каком виде показывать значения: HEX, RGB или HSL.
- Выберите пресет или ограниченияИспользуйте пресет Pastel, Dark или Vivid либо задайте собственные диапазоны тона, насыщенности и светлоты.
- Закрепляйте и перегенерируйтеНажмите «Generate», закрепите понравившиеся цвета, затем сгенерируйте заново, чтобы заменить только незакреплённые.
- Скопируйте или экспортируйтеНажмите на любой цвет, чтобы скопировать его, или скачайте всю палитру в виде текста, JSON, CSS-переменных или PNG.