類似色ジェネレーター

隣り合う色にコントラストを付ける

類似色は近い位置にあり、ベース色の彩度と明度を共有するため、滑らかになじみ、グラデーション、背景、イラストに適しています。ただし近い色同士では、テキストと背景を分けたり、クリックできるものを示したりできません。テキストと面で一方の色の明度を変え、ボタンやハイライトには対照的なアクセントを加えましょう。たとえば、補色ジェネレーターでベース色の反対色を使えます。

30度がいつも同じ差とは限らない

HSLは、目にとって均等ではない形で色相を広げます。0°の赤、30°のオレンジ、60°の黄色の間では、30°進むごとに異なる名前の色になります。一方、約90°から150°まではすべて緑なので、緑を基準にした類似色のセットはほとんど同じに見えることがあります。赤をベースにすると色相環を一周して、片側に330°付近のピンク、もう片側にオレンジが現れます。

使い方

1. 有効な#RGBまたは#RRGGBBの値と、求められているパーセンテージを入力します。
2. 固定のブラウザローカルなカラー処理を実行します。
3. 色見本を確認し、結果またはパレットの値をコピーします。

プライバシーと制限事項

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