Генератор случайных цветов
Случайный цвет нужен, когда отправной точки нет: подобрать акцент, разметить категории на графике, раздать метки проектам. Инструмент выдаёт либо один цвет, либо палитру из пяти. Каждый цвет можно закрепить замком и жать пробел дальше — остальные перегенерируются, закреплённые останутся. Диапазоны тона, насыщенности и светлоты задаются ползунками, поэтому можно получать только пастель, только тёмные или только цвета в пределах одного сектора круга. У каждого цвета показан контраст с белым и чёрным текстом, коды забираются кликом, а вся палитра выгружается переменными CSS.
Диапазоны
Как пользоваться
- Один цвет или палитра из пяти.
- Ползунками тона, насыщенности и светлоты — либо пресетом: пастель, яркие, тёмные.
- Замок на карточке оставляет цвет при следующей генерации.
- Пробел генерирует заново, клик по карточке копирует код.
Частые вопросы
Почему случайные цвета часто выглядят грязно
Потому что равномерная случайность по трём каналам RGB даёт в основном мутные средние цвета: ярких и чистых в этом кубе меньшинство. Генерация через HSL с ограниченными диапазонами решает проблему — насыщенность и светлота берутся из осмысленного коридора, а случайным остаётся в основном тон.
Как получить пастельную палитру
Держать насыщенность в пределах 25–45%, а светлоту около 80–90%. Пастель — это разбавленные белым цвета, поэтому важно не занижать светлоту. Пресет «пастель» ставит эти границы сразу.
Что даёт фиксация цветов
Возможность собирать палитру постепенно. Обычно из первой пятёрки нравится один цвет — его закрепляют и генерируют остальные заново, пока не появится второй подходящий. За несколько итераций набирается палитра, которую руками пришлось бы подбирать долго.
Можно ли этим генерировать цвета для графиков
Можно, но с оговоркой: цвета серий на диаграмме должны различаться не только тоном, но и светлотой, иначе они сольются в чёрно-белой печати и при дальтонизме. Практичнее задать узкий диапазон насыщенности, широкий диапазон тона и разводить светлоту вручную, проверив результат в подборщике сочетаний.
Насколько случайны эти цвета
Это псевдослучайность браузера, функция Math.random. Для подбора палитры этого более чем достаточно. Для криптографии такой источник не годится, но задача тут другая.
Почему один и тот же цвет иногда выпадает дважды
При узком диапазоне вариантов немного: если насыщенность и светлота зажаты, а тон ограничен сектором в 30°, всего доступных заметно различимых цветов — десятки. Расширьте диапазон тона, и повторы исчезнут.
Данные куда-то отправляются
Нет, всё считается в браузере.
Похожие инструменты
Число или список до тысячи значений в диапазоне: режим без повторов, сортировка. Отдельно вытягивает жребий из списка имён.
ОткрытьПроверка надёжности пароляСтойкость в битах, время перебора и разбор слабых мест: словарные слова под заменой символов, клавиатурные ряды, годы и повторы.
ОткрытьГенератор паролейПароль длиной до 64 символов с выбором наборов и отсевом похожих знаков. Показывает стойкость в битах и время перебора, делает до 50 паролей пачкой.
ОткрытьКолесо фортуныСлучайный выбор из своего списка: вес секторов пометкой «×3», режим на выбывание и ссылка, по которой открывается то же колесо.
ОткрытьГенератор тестовых данныхПачка вымышленных записей для тестов: ФИО, телефон, ИНН, СНИЛС, ОГРН, счёт и карта — с настоящими контрольными разрядами. Выгрузка в CSV, JSON и SQL.
ОткрытьГенератор CSS-градиентовЛинейный, радиальный и конический градиент с живым предпросмотром. Любое число цветовых точек, угол и позиции, разбор чужого кода обратно в точки.
ОткрытьЕщё инструменты для SEO и маркетинга
Кластеризатор запросов, генераторы sitemap и robots.txt, минус-слова, разметка Schema.org и калькуляторы — в разделе инструментов.