ランダムカラーの数学

画面上の色は3つの数値で構成されます：赤、緑、青、それぞれ0から255の値です。これにより256 × 256 × 256 = 16,777,216色の3次元カラーキューブが形成されます。ランダムな色を生成するとは、このキューブ内のランダムな点を選ぶことを意味します。Web Cryptography APIからの3つの独立したランダムバイトにより、1,677万色のうちの1色が完全に均一な確率で生成されます。深紅のあらゆる色合い、ティールのあらゆるトーン、淡いラベンダーから濃紺まで、すべての色が全く同じ確率で出現します。

色を表す3つの方法

Hex（#4F89E0）は3つのチャンネルを6文字の16進数文字列でエンコードします。デザイナーや開発者はCSSで日常的に使用しています。RGB（rgb 79, 137, 224）は同じチャンネルを10進数で表し、画面が赤、緑、青のサブピクセルを混合して光を生成する方法に直接対応しています。HSL（hsl 216, 72%, 59%）は同じ色を人間にわかりやすい用語に変換します：色相（Hue）はカラーホイールの角度（0°が赤、120°が緑、240°が青）、彩度（Saturation）は色の強度（0%がグレー、100%が鮮やか）、明度（Lightness）は0%の黒から50%の純色を経て100%の白までの範囲です。3つの表記法はすべて同じ物理的な色を表しています。このツールでは3つすべてを同時に表示します。

色相ヒストグラム

統計パネルの虹色チャートは、360°の色相ホイールを30°ずつ12のセグメントに分割しています。多数の生成を重ねても、棒グラフは完全に均一な高さには収束しません。均一なランダムRGBは均一な色相を生成しないためです。赤、黄、青の原色ゾーンは中間ゾーンよりもわずかに多くのサンプルを受け取ります。これは幾何学的な帰結です：RGBキューブとHSLシリンダーは非線形に写像されます。ヒストグラムはこの数学的事実を視覚化します。

色の知覚と目

人間の網膜には3種類の錐体細胞があり、それぞれ長波長（赤）、中波長（緑）、短波長（青）に感度を持ちます。RGBカラーモデルはこの生物学的な三色型色覚を反映しています。アイザック・ニュートンは1666年に白色光がプリズムを通して連続スペクトルに分かれることを初めて実証しましたが、現在使われている3チャンネルモデルはトーマス・ヤングの1802年の仮説とヘルマン・フォン・ヘルムホルツの実験的検証に遡ります。このページのすべてのランダムカラーは、あなたの3種類の錐体細胞を固有の比率で刺激します。

教室での活用

ランダムカラー生成は、美術、科学、数学を一つの演習で結びつけます。生徒に/color/5で色を生成させ、それぞれを暖色か寒色に分類し、色相が180°を下回るか上回るかを確認させましょう。データサイエンスの授業では、/color/50で50色を生成し、各色相セグメントに何色入るかを集計します。クラスの結果を完全均一分布と比較してください。その偏差から、サンプリング、バイアス、RGB均一性と知覚的均一性の違いについての議論が生まれます。このツールはアカウント不要、データ保存なし、完全にブラウザ内で動作します。

設計によるプライバシー保護

すべての色はWeb Cryptography APIを使用してブラウザ内で完全に生成されます。サーバーはページを配信するだけで、あなたのデバイスがすべての値を生成します。このURLを共有するとツールが送信されますが、あなたの結果は送信されません。受信者は自身のデバイスから独自のランダムカラーを生成します。

実生活のカラーインスピレーション

ランダム生成は可能性を明らかにします。実世界での活用は何が効果的かを明らかにします。Color Discoveryは、デザイナー、建築家、クリエイティブのプロフェッショナルが、あらゆる分野の優れたクリエイティブ作品から抽出されたカラーパレットを探索できる専門プラットフォームのネットワークです。各パレットは実現されたプロジェクトから得られたものです：建物のファサード、製品の仕上げ、パッケージデザイン、インテリア空間など。色相、彩度、色温度で検索して、物理世界ですでに実証されたパレットを見つけましょう。ムードボードの作成、素材の仕上げ選び、次のプロジェクトに必要な正確な色調の探索など、どんな目的にもこれらのパレットはプロの実践に根ざした出発点を提供します。Color Discoveryをぜひご覧ください。