ジェネレーター

カラーパレットジェネレーター

色彩理論を使用してベースカラーから調和のとれたカラーパレットを生成。

ベースカラー

ハーモニーモード

明るさ: 0

彩度: 0

#3B82F6

#F6AF3C

グラデーションプレビュー

エクスポート形式

:root {
  --palette-1: #3b82f6;
  --palette-2: #f6af3c;
}

パレットを保存

コントラストチェッカー

ペア	比率	WCAG AA
#3b82f6/ #f6af3c	1.95:1	不合格

カラーパレットジェネレーターについて

カラーパレットジェネレーターは色彩理論の原理に基づいて調和のとれた色の組み合わせを作成します。ベースカラーからHSLカラーホイールを使用して関連色を計算します：補色（反対）、類似色（隣接）、トライアド（120°間隔で均等配置）、分裂補色（反対側の隣接色）、モノクロマティック（同色相、明度変化）。

カラーピッカーでベースカラーを選択するかHEXコードを入力します。タブからパレットタイプを選択します。ジェネレーターが関連色とそのHEX値を即座に表示します。カラースウォッチをクリックするとHEXコードがクリップボードにコピーされます。