ランダム配色パレット生成ツール

個数を選択して再生成し、手軽にムードボード用のパレットを作成しましょう。

計画やリファレンス用のブラウザ上での結果です。

個数

CSS / HEX

ガイド

使用前の確認事項

このツールは、ムードボードやイラストで開始色候補を決める必要があるときに使います。色数を選び、パレットを生成し、残しておきたいスウォッチをロックして、他の色だけを再生成します。

ジェネレーターはランダムなベース色相を選択し、選択した数に合わせて色相を間隔配置し、彩度と明度に小さな変化を加えます。ロックしたスウォッチは次回実行時も同じ HSL 値を保持します。

5 色のセットで濃紺の背景と黄色のアクセントをロックしてから再生成します。2 つはそのまま残り、残りの 3 色は変わります。テスト用の候補デザイントークンに HSL リストをコピーします。

ランダムな出力は色の調和、アクセシビリティ、印刷再現性を保証するものではありません。ブランドの意味合いと文字のコントラストは別々に確認し、承認済みの色を安定したトークンとして記録してください。

ランダムカラーパレットジェネレーターから別のアプリに色を移すにはどうすればよいですか？

結果の下にあるコピーボタンで CSS、HEX、または HSL テキストをコピーします。コピー先のアプリが同じ色形式を解釈することを確認してください。

ランダムカラーパレットジェネレーターの画面上の色は印刷と一致しますか？

自動的には一致しません。発光する RGB 画面と反射型の紙・インクでは、色域と混色モデルが異なるため、印刷プロファイルと試験刷りは引き続き必要です。

ランダムカラーパレットジェネレーターだけでデザイントークンを承認できますか？

候補として使い、その後、実際の背景、ダークモード、インタラクション状態、テキストコントラストをテストしてから、トークンを命名・承認してください。