ランダムカラー生成器 🎨

クリックまたはスペースバーを押すだけで、ランダムな色を即座に生成!ユニークなカラーパレットを探索して、次のプロジェクトの新しいインスピレーションを見つけましょう。

Black

明るさ

彩度

暖かさ

ランダムカラーパレットジェネレーター

一色だけでデザインが決まることはめったにありません。ここでは五色をまとめて作れます。ボタンは何度でも押せるので、気に入った組み合わせのHEXコードをコピーしてください。

  • #2d3142
  • #4f5d75
  • #bfc0c0
  • #ef8354
  • #ffffff
パレットを見てみる

この五色はそれぞれ独立にランダムなので、いつも調和するとは限りません。互いに合うように選ばれた一式が欲しいときは、ホームでイメージを言葉にして生成してください。

ランダムな色が作られるしくみ

ここでの色は0から16,777,215までの乱数を、赤・緑・青に二桁ずつ割り当てた六桁の十六進数で表したものです。一般的な画面が表示できる色のすべてが対象で、どの色も同じ確率で出ます。

一様にランダムであることと、使いやすいことは別です。全範囲から選ぶと濁った中間色ばかりが出て、澄んだパステルはめったに出ません。狙った雰囲気があるなら、まず一色を生成し、上の明るさ・彩度・暖かさのスライダーで寄せていくほうが早道です。

ランダムな色の使いどころ

  • いつもの癖を破る。人はだいたい同じ色に手が伸びるので、偶然の出発点が新しい方向を作ってくれます。
  • 仮データやプレースホルダー。デザインが固まる前に、ユーザーやタグ、グラフの系列に色を割り当てるときに便利です。
  • 名前を知る。どの色にもいちばん近い色名が付くので、HEXコードより検索しやすくなります。
  • 配色を決めてもらいたいときの、絵やレタリングのお題として。

よくある質問

ランダムな色はどうやって作りますか?

ページ上部のボタンを押すか、スペースキーを叩いてください。押すたびにHEX、RGB、色名の付いた新しい色が出て、そのままコピーできます。

一色ではなくパレットをランダムに作れますか?

できます。上の五色のブロックを使ってください。互いに合うように選ばれたパレットが欲しい場合は、ホームで言葉から生成するほうが向いています。

本当にランダムなのですか?

ブラウザーの乱数生成機能を使い、1670万通りのRGB値に均等に散らしています。デザインの用途には十分ですが、暗号用途には向きません。

気に入った色はどう残せますか?

色見本の下のボタンでHEXまたはRGBの値をコピーしてください。一式として残したいときは、そこからパレットを生成すると、共有して後から戻れるページになります。