トライアド配色ジェネレーター

3つの強い色相のバランス

色相環上で等間隔にある3色は、彩度が同じだとすべてが注目を集めようとします。一般的には、1色を主役にし、2色目を補助的な領域に使い、3色目を小さなアクセントにします。これは60-30-10の配分と呼ばれることがよくあります。純粋な赤から始めると、画面の三原色である赤、緑、青になります。明るいベース色より、彩度を落とした色や暗いベース色のほうが使いやすい組み合わせになります。

紙面上では同じ明度でも目には違って見える

2つの補色はベース色と同じHSLの明度値を共有しますが、目には同じ明るさに見えません。同じ数値でも、緑や黄色は青や紫よりはるかに明るく見えます。そのため、計算上は対称でも、3色の組み合わせはアンバランスに見えることがあります。各色をグレースケールコンバーターに通して実際の明るさを確認し、セットが均等に感じられるまでティントやシェードで調整してください。

使い方

1. 有効な#RGBまたは#RRGGBBの値と、必要に応じてパーセンテージを入力します。
2. ブラウザ内で固定のカラー計算を実行します。
3. スウォッチを確認し、結果またはパレット値をコピーします。

プライバシーと制限事項

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