Перейти к содержанию
TextArray
100% локально

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

Генерируйте случайные цвета в формате HEX, RGB или HSL со светлыми, темными, пастельными и яркими палитрами.

Выходные данные

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

Создавайте от одного до ста случайных цветов одним щелчком мыши. Каждый цвет размещается на отдельной строке в виде шестнадцатеричного значения, обозначения rgb() или hsl() или всех трех рядом друг с другом, поэтому вы можете вставить выходные данные прямо в CSS, файл токена дизайна, конфигурацию диаграммы или электронную таблицу. Изменение количества, формата или палитры мгновенно пересчитывает список.

Случайные цвета полезны чаще, чем кажется: фоны-заполнители для карточек и аватаров, отдельные цвета серий для быстрой диаграммы, начальные значения для доски настроения, тестовые данные для системы тем или просто выход из творческой рутины. Поскольку цвет, нарисованный равномерно из полного куба RGB, обычно мутный, этот генератор вместо этого работает в пространстве HSL и ограничивает насыщенность и яркость для каждой палитры: Светлый сохраняет яркость от 70 до 90 процентов, Темный остается в диапазоне от 10 до 35, Пастель сочетает мягкую насыщенность от 25 до 45 процентов с высокой яркостью, а Яркий увеличивает насыщенность до 85–100 процентов при средней яркости. Any полностью удаляет ограничения.

Включить альфа добавляет случайную непрозрачность к каждому цвету и печатает ее в каждом обозначении — 8-значное шестнадцатеричное значение, rgba() и hsla(). Один цвет в строке означает, что выходной сигнал подключается непосредственно к преобразователю цветов или средству проверки контрастности, когда вы хотите дополнительно проверить значение.

Все работает локально в вашем браузере: никакой запрос не отправляется, ничего не регистрируется, а случайность исходит из криптографически безопасного метода crypto.getRandomValues, выборка которого производится с отклонением, поэтому каждое значение в диапазоне равновероятно.

FAQ

Цвета где-нибудь загружены?
Нет. Они полностью генерируются в вашем браузере и никогда не покидают ваше устройство. Ничего не отправляется, не сохраняется и не протоколируется.
Насколько случайны цвета?
Оттенок, насыщенность и яркость рисуются с помощью криптографически безопасного метода crypto.getRandomValues с использованием выборки отклонения, поэтому нет смещения по модулю — каждое значение в диапазоне одинаково вероятно.
Почему инструмент генерирует HSL, а не RGB?
HSL отделяет оттенок от насыщенности и светлоты, поэтому палитра типа «пастель» или «яркая» — это всего лишь ограничение на два числа. Затем каждый цвет преобразуется в RGB и HEX с помощью простых математических вычислений, поэтому все три обозначения описывают один и тот же цвет.
Что делает «Включить альфа»?
Он присваивает каждому цвету случайную непрозрачность от 0 до 1 и печатает его в каждом виде: 8-значное шестнадцатеричное значение, rgba() и hsla().
Могу ли я преобразовать сгенерированный цвет в другое обозначение?
Выберите «Все три», чтобы увидеть HEX, RGB и HSL рядом, или вставьте любую строку в конвертер цветов для шестнадцатеричного регистра прописных букв, современного синтаксиса и палитр оттенков.