Математика случайного цвета

Цвет на экране — это три числа: красный, зелёный и синий, каждое от 0 до 255. Это создаёт трёхмерный куб из 256 × 256 × 256 = 16 777 216 различных цветов. Генерация случайного цвета означает выбор случайной точки внутри этого куба. Три независимых случайных байта из Web Cryptography API создают один из этих 16,7 миллионов цветов с идеально равномерной вероятностью. Каждый оттенок алого, каждый тон бирюзового, каждый бледно-лавандовый и глубоко-синий имеют абсолютно одинаковые шансы на появление.

Три способа записи цвета

Hex (#4F89E0) кодирует три канала в виде шестисимвольной шестнадцатеричной строки. Дизайнеры и разработчики ежедневно используют его в CSS. RGB (rgb 79, 137, 224) указывает те же каналы в десятичном формате, что напрямую соответствует тому, как экраны создают свет, смешивая красные, зелёные и синие субпиксели. HSL (hsl 216, 72%, 59%) переводит тот же цвет в понятные человеку термины: тон (hue) — это угол на цветовом круге (0° — красный, 120° — зелёный, 240° — синий), насыщенность (saturation) — это интенсивность (0% — серый, 100% — яркий), а светлота (lightness) варьируется от 0% (чёрный) через 50% (чистый цвет) до 100% (белый). Все три записи описывают один и тот же физический цвет. Этот инструмент показывает все три одновременно.

Гистограмма тона

Радужная диаграмма на панели статистики делит цветовой круг 360° на двенадцать сегментов по 30° каждый. При многократной генерации столбцы НЕ будут сходиться к идеально одинаковой высоте. Равномерное случайное распределение в RGB не даёт равномерного распределения тона. Зоны основных цветов — красного, жёлтого и синего — получают немного больше образцов, чем промежуточные зоны. Это следствие геометрии: куб RGB и цилиндр HSL отображаются друг на друга нелинейно. Гистограмма делает этот математический факт наглядным.

Восприятие цвета и глаз

Сетчатка человеческого глаза содержит три типа колбочек, чувствительных к длинным (красным), средним (зелёным) и коротким (синим) длинам волн. Цветовая модель RGB отражает эту биологическую трихроматичность. Исаак Ньютон впервые продемонстрировал в 1666 году, что белый свет через призму расщепляется на непрерывный спектр цветов, однако используемая сегодня трёхканальная модель восходит к гипотезе Томаса Юнга 1802 года и экспериментальному подтверждению Германа фон Гельмгольца. Каждый случайный цвет на этой странице стимулирует три типа ваших колбочек в уникальном соотношении.

В классе

Генерация случайных цветов объединяет искусство, науку и математику в одном упражнении. Попросите учеников сгенерировать цвета на /color/5 и классифицировать каждый как тёплый или холодный, а затем проверить, находится ли тон ниже или выше 180°. Для урока по анализу данных сгенерируйте 50 цветов на /color/50 и подсчитайте, сколько попало в каждый сегмент тона. Сравните результаты класса с идеально равномерным распределением. Отклонения откроют дискуссию о выборке, смещении и разнице между равномерностью в RGB и перцептивной равномерностью. Инструмент не требует регистрации, не хранит данные и работает целиком в браузере.

Приватность по архитектуре

Каждый цвет генерируется полностью в вашем браузере с помощью Web Cryptography API. Сервер доставляет страницу; ваше устройство создаёт каждое значение. При отправке этой ссылки передаётся инструмент, а не ваши результаты. Получатель генерирует собственные независимые случайные цвета на своём устройстве.

Вдохновение реальными цветами

Случайная генерация показывает, что возможно. Реальное применение показывает, что работает. Color Discovery — это сеть специализированных платформ, где дизайнеры, архитекторы и творческие профессионалы исследуют цветовые палитры, извлечённые из выдающихся творческих работ всех дисциплин. Каждая палитра взята из реализованного проекта: фасада здания, отделки продукта, дизайна упаковки, интерьерного пространства. Просматривайте по тону, насыщенности или цветовой температуре, чтобы найти палитры, уже проверенные в физическом мире. Будь то создание мудборда, выбор финишных материалов или поиск точного хроматического тона для вашего следующего проекта — эти палитры дают отправную точку, основанную на профессиональной практике. Откройте для себя Color Discovery прямо сейчас.