ランダムカラー生成器 🎨
クリックまたはスペースバーを押すだけで、ランダムな色を即座に生成!ユニークなカラーパレットを探索して、次のプロジェクトの新しいインスピレーションを見つけましょう。
Black
明るさ
彩度
暖かさ
ランダムカラーパレットジェネレーター
一色だけでデザインが決まることはめったにありません。ここでは五色をまとめて作れます。ボタンは何度でも押せるので、気に入った組み合わせのHEXコードをコピーしてください。
- #2d3142
- #4f5d75
- #bfc0c0
- #ef8354
- #ffffff
この五色はそれぞれ独立にランダムなので、いつも調和するとは限りません。互いに合うように選ばれた一式が欲しいときは、ホームでイメージを言葉にして生成してください。
ランダムな色が作られるしくみ
ここでの色は0から16,777,215までの乱数を、赤・緑・青に二桁ずつ割り当てた六桁の十六進数で表したものです。一般的な画面が表示できる色のすべてが対象で、どの色も同じ確率で出ます。
一様にランダムであることと、使いやすいことは別です。全範囲から選ぶと濁った中間色ばかりが出て、澄んだパステルはめったに出ません。狙った雰囲気があるなら、まず一色を生成し、上の明るさ・彩度・暖かさのスライダーで寄せていくほうが早道です。
ランダムな色の使いどころ
- いつもの癖を破る。人はだいたい同じ色に手が伸びるので、偶然の出発点が新しい方向を作ってくれます。
- 仮データやプレースホルダー。デザインが固まる前に、ユーザーやタグ、グラフの系列に色を割り当てるときに便利です。
- 名前を知る。どの色にもいちばん近い色名が付くので、HEXコードより検索しやすくなります。
- 配色を決めてもらいたいときの、絵やレタリングのお題として。
よくある質問
ランダムな色はどうやって作りますか?
ページ上部のボタンを押すか、スペースキーを叩いてください。押すたびにHEX、RGB、色名の付いた新しい色が出て、そのままコピーできます。
一色ではなくパレットをランダムに作れますか?
できます。上の五色のブロックを使ってください。互いに合うように選ばれたパレットが欲しい場合は、ホームで言葉から生成するほうが向いています。
本当にランダムなのですか?
ブラウザーの乱数生成機能を使い、1670万通りのRGB値に均等に散らしています。デザインの用途には十分ですが、暗号用途には向きません。
気に入った色はどう残せますか?
色見本の下のボタンでHEXまたはRGBの値をコピーしてください。一式として残したいときは、そこからパレットを生成すると、共有して後から戻れるページになります。