補色ジェネレーター

画家の色相環とは異なる

ここでの反対色相は、画面の赤・緑・青の色相環から求めます。赤の反対はシアン、緑の反対はマゼンタ、青の反対は黄色です。一方、美術の授業で習う色相環は赤、黄色、青の絵の具を基準にしているため、赤と緑、青とオレンジを組み合わせます。そのため、ここでは#2563EBのような青に暖かみのあるアンバー色が組み合わされます。画家が選ぶオレンジに近いものの、同じではありません。グレー、白、黒には色相がないため、入力された色のまま返されます。

補色を組み合わせて使う

2つの補色を最大の強さで隣り合わせると、共通する境界が揺らいで見え、目が疲れます。特に、一方をもう一方の上のテキストにする場合は注意が必要です。一方をメインカラー、もう一方を行動喚起、ハイライト、目立たせたいグラフの線などの小さなアクセントに使いましょう。片方を明るくするか暗くして明度にも差を付けると、色覚に特性のある人やグレースケールでも区別しやすくなります。

使い方

1. 有効な#RGBまたは#RRGGBBの値と、必要なパーセンテージがあれば入力します。
2. 固定のブラウザローカルなカラー処理を実行します。
3. スウォッチを確認し、結果またはパレットの値をコピーします。

プライバシーと制限事項

色の値はこのデバイスに留まり、外部に送信されません。コントラスト出力は包括的なWCAG準拠の保証ではなく、数学的なチェッカーです。文脈、フォントレンダリング、非テキストのコントラスト、ユーザーインターフェースの状態は引き続きレビューが必要です。