類似色配色

類似色配色は、カラーホイール上で隣接する色を使用し、通常はベースの色相から30〜60度以内です。色相が近いため、これらのパレットは高コントラストではなく調和がとれた一貫性のある印象になります。

ベースカラーはHSLに変換され、選択した角度ステップで色相を上下にシフトすることで新しい色が生成されます。ベースカラーと同じ彩度と明度が保たれるため、パレット内のすべての色が同じファミリーの一部のように感じられます。

30度は類似色配色の伝統的な選択肢であり、ほとんどのデザインに適しています。より微妙で密集したパレットには15度を、コントラストが増え始める広がりのある配色には45度を使ってください。

はい、「CSS変数としてコピー」を使うと、各色をカスタムプロパティとして持つ貼り付け可能な:rootブロックをコピーできます。「HEXリストとしてコピー」では16進数コードだけを1行に1つずつコピーします。

補色配色は、高いコントラストのためにホイール上で反対側にある色（180度離れている）を組み合わせ、三色配色は120度ずつ均等に離れた3色を使用します。類似色配色は代わりにすべての色を近くに保ち、コントラストよりも調和を優先します。