Генератор цветов
Система палитр // v1.0
Диапазон: 1-10
Ожидание ввода...
Как помогает инструмент
RandomHub создаёт от 1 до 10 цветов и показывает для каждого HEX, RGB и HSL. Шесть вариантов гармонии: случайная, монохроматическая, аналогичная, комплементарная, триадная и тетрадная. Шесть вариантов тона: любой, пастельный, яркий, приглушённый, тёмный и светлый. Гармония задаёт отношения оттенков, а вариант тона сужает диапазоны насыщенности и светлоты. Повторная генерация создаёт новую палитру с теми же настройками; изменение настроек переносит поиск в другую область цветового пространства. Показанное название — лишь примерная метка ближайшего цвета, а не точная спецификация, поэтому для реализации следует использовать числовые значения.
Шесть вариантов гармонии
Шесть вариантов тона
Три формата для копирования
Целые числа без смещения
Что такое генератор случайных цветов?
RandomHub создаёт от 1 до 10 цветов и показывает для каждого HEX, RGB и HSL. Шесть вариантов гармонии: случайная, монохроматическая, аналогичная, комплементарная, триадная и тетрадная. Шесть вариантов тона: любой, пастельный, яркий, приглушённый, тёмный и светлый. Гармония задаёт отношения оттенков, а вариант тона сужает диапазоны насыщенности и светлоты. Повторная генерация создаёт новую палитру с теми же настройками; изменение настроек переносит поиск в другую область цветового пространства. Показанное название — лишь примерная метка ближайшего цвета, а не точная спецификация, поэтому для реализации следует использовать числовые значения.
Кому полезен инструмент?
Продуктовые и бренд-дизайнеры
Быстро расширить поле вариантов перед проверкой контраста, доступности и соответствия бренду.
Frontend-разработчики
Получить временные цвета и перенести точные значения в CSS, токены или прототип.
Команды визуализации данных
Начать с разнесённых оттенков, а затем проверить читаемость и смысл в готовом графике.
Что именно делают настройки
Шесть вариантов гармонии
Случайная выбирает независимые оттенки. Монохром держит один тон, аналогичная остаётся в окне 80°, комплементарная чередует противоположные тона, триада и тетрада циклически используют три или четыре равноудалённых оттенка.
Шесть вариантов тона
Любой не ограничивает насыщенность и светлоту. Пастельный, яркий, приглушённый, тёмный и светлый задают разные диапазоны HSL.
Три формата для копирования
Каждый образец содержит HEX, RGB и HSL. Можно скопировать одно значение или всю палитру многострочным текстом.
Целые числа без смещения
Выбор оттенка использует Web Crypto getRandomValues и rejection sampling, чтобы остаток от деления не искажал диапазон Uint32.
Практические отправные точки
Поиск интерфейсного настроения
Пять аналогичных пастельных цветов задают спокойное направление; после этого проверьте контраст текста.
Настройки: 5 цветов · Аналогичная · Пастельный. Скопируйте HEX в черновой набор токенов.
Энергичная концепция
Три ярких триадных цвета помогают отойти от привычной брендовой палитры.
Настройки: 3 цвета · Триадная · Яркий. Это направление поиска, а не готовая айдентика.
Категории диаграммы
Тетрадная палитра подходит для первого наброска; затем проверьте контраст, цветовосприятие и порядок категорий.
Настройки: 4 цвета · Тетрадная · Любой. Оценивайте готовую диаграмму, а не только расстояние между оттенками.
Как пользоваться
- 1.
Задайте количество
Введите целое число от 1 до 10.
- 2.
Выберите гармонию
Выберите одно из шести правил по желаемой близости оттенков.
- 3.
Выберите тон
Оставьте Любой либо выберите Пастельный, Яркий, Приглушённый, Тёмный или Светлый.
- 4.
Создайте и скопируйте
Создайте палитру и скопируйте HEX, RGB, HSL либо весь многострочный результат.
Частые вопросы
Откуда берётся случайность?
Генератор использует Web Crypto getRandomValues. Для целых диапазонов применяется rejection sampling, поэтому простая операция остатка не создаёт смещение.
Как рассчитываются гармонии?
Аналогичная распределяет цвета от −40° до +40° вокруг базового тона (±40°). Комплементарная чередует тона с разницей 180°. Триада использует шаг 120°, тетрада — 90°. Монохром меняет светлоту одного оттенка.
Что ограничивают варианты тона?
Пастельный, яркий, приглушённый, тёмный и светлый задают разные диапазоны насыщенности и светлоты. Любой оставляет оба диапазона открытыми.
Название цвета точное?
Нет. Это ближайшее название из подготовленного списка, найденное по расстоянию RGB и локализованное для показа. Для точности используйте HEX, RGB или HSL.
Зачем три формата?
HEX компактен, RGB показывает каналы экрана, а HSL разделяет оттенок, насыщенность и светлоту для удобной правки.
Гармония гарантирует доступность?
Нет. Отношение оттенков не гарантирует читаемый контраст или доступность для людей с особенностями цветовосприятия. Проверяйте итоговый контекст.
От случайной идеи к дизайн-решению
Случайная палитра полезнее всего в начале, когда разнообразие важнее полировки. RandomHub явно показывает количество, гармонию, тон, числовые значения и приблизительное название. Гармония описывает геометрические отношения оттенков, но не решает, какой цвет станет текстом, акцентом, предупреждением или фоном. Назначьте эти роли в реальном интерфейсе или диаграмме, а затем проверьте контраст для нужных размеров и состояний, а также восприятие при особенностях цветового зрения. Для реализации ориентируйтесь на HEX, RGB или HSL, а ближайшее название используйте только как подсказку. Смысл бренда, воспроизведение и визуальная иерархия также оцениваются в окончательном контексте.
Похожие генераторы
Похожие генераторы
Продолжайте с инструментами для учебы, игр, творчества, планирования и быстрых решений.