カラーとパレットを生成します。

ランダムカラージェネレーター

HEX、RGB、HSL 値、バランスのとれたパレット、コントラスト ガイダンス、およびワンクリック コピーを使用してランダムなカラーを生成します。

  • サインアップなし
  • ブラウザで実行
  • 暗号のランダム性

あなたの結果

結果がここに表示されます。

入力と結果がこのデバイスから出ることはありません。

デザイン、ゲーム、テストで実際に使用できるランダムな色を作成します。各結果には、表示されるスウォッチとその HEX、RGB、および HSL 値が含まれており、黒または白のテキストの推奨事項も含まれます。

無制限の RGB カラー、バランスの取れた HSL バリエーション、または類似のパレットを選択します。ジェネレーターは値をローカルで計算し、選択した結果をコピーできるように保持します。

ランダムな色を生成する方法

  1. 01

    モードを選択してください

    ランダムな RGB、バランスの取れた HSL、または類似のパレットを選択します。

  2. 02

    カウントを設定する

    一度に最大 12 色の候補を生成します。

  3. 03

    値をコピーする

    1 つの HEX 値、または HEX、RGB、および HSL 値の完全なリストをコピーします。

広告
広告配置プレビュー

ランダムな色の使用方法

デザインの探求

パレット、アクセント、イラスト、モックアップの出発点を見つけます。

ゲームとアバター

プレーヤーのマーカー、パーティクル、タイル、および一時的な視覚的アイデンティティを作成します。

テスト

再現可能な色の数値でレンダリング、ラッピング、コントラストを確認します。

よくある質問

どのようなカラーフォーマットが含まれていますか?

すべての結果には、HEX、RGB、および HSL が含まれます。表示される見本では、テキストに示されているのと同じ値が使用されます。

バランス HSL モードとは何ですか?

彩度と明度を実用的な範囲内に保ちながら色相を変化させるため、無制限の RGB よりも混沌とした候補が生成されません。

このツールはアクセス可能なコントラストを保証しますか?

いいえ。相対的な輝度によって黒または白のテキストのうち強い方を推奨しますが、実際の前景、背景、フォント サイズ、インターフェイスの状態を WCAG に対してテストする必要があります。

単色でもコピーできますか?

はい。各スウォッチには 16 進値の独自のコピー ボタンがあり、メインのコピー ボタンは完全なセットをエクスポートします。