シード付きランダムカラー生成

このシード付きランダムカラー生成ツールは、任意の整数を安定したRGBカラーへ変換します。生成色を6桁の16進値で返し、よく知られたCSS色名の固定パレットから最も近い色も特定します。セッション、端末、ビルド、共同作業者が変わっても、ランダムに見える色を同じ状態で再現したいプロジェクトに適しています。

変わらない色を生成できます

通常のランダムカラーは便利ですが、ページを再読み込みしたり、レポートを再作成したり、別の開発者が同じ処理を実行したりすると、異なるパレットになることがあります。シードを使えば、見かけ上のランダム性を再現可能にして、この問題を解決できます。データベースID、ビルド番号、安定したインデックスなどの整数を入力してください。

生成ツールはその整数を32ビット値へ混合し、赤、緑、青に3バイトを割り当てます。時刻、ブラウザーのエントロピー、隠れた状態、外部サービスは一切利用しません。そのため、シード2026は評価するたびにまったく同じ16進カラーを返します。

カテゴリの固定色、自動生成アバター、テスト用データ、グラフ、プロシージャルデザインなどに利用できます。既存の識別子から色を復元したい場合は、別途生成した色ではなくシードを保存してください。負の整数と0も有効ですが、小数や数字の文字列は、この機能の契約上で整数入力ではないため拒否されます。

16進値と最も近い色名を確認できます

主な結果は、#2A7FBCのような標準の6桁RGB 16進値です。最初の2桁が赤、次の2桁が緑、最後の2桁が青を表し、各チャンネルは00からFFまでです。生成値はCSS、SVG、canvas描画、デザイントークン、ウェブカラー対応システムでそのまま利用できます。

付属する色名は説明用であり、正確な値の代わりではありません。生成ツールは、新しいRGBチャンネルを認識しやすいCSS色の固定パレットと比較し、RGB空間でユークリッド距離の二乗を計算して、最も近い項目を選びます。比較内容を確認できるよう、選択した名前付き色自体の16進値も返します。

正確な16進値が異なっていても、2つの生成色に同じ近似色名が付く場合があります。固定パレットとアルファベット順の同点処理により、命名も決定論的です。

アプリケーションでシードを一貫して運用できます

アプリケーション内ですでに安定している情報からシードを選んでください。各レコードに永続的なアクセントカラーが必要なら、数値のレコードIDが適しています。連番のインデックスはテスト用データや生成例に便利で、バージョン番号はリリースごとに再現可能な視覚マーカーを作れます。

機密の数値を隠す目的では使用しないでください。色は暗号化ではなく、複数のシードが同じ24ビット結果になる可能性があります。また、近いシードから近い色が得られるとは限りません。

整数ミキサーは小さな入力差を意図的に分散させるため、連続する識別子はRGB空間の離れた領域に配置される傾向があります。調和したパレット、最低コントラスト、明るさ制限が必要なら、生成後に専用のパレット機能またはコントラスト機能をご利用ください。将来のアルゴリズム変更に左右されたくない場合は、返されたhexも保存してください。

ベータ版では出力形式や混合方法が変わる可能性があります。