スプリット補色ジェネレーター

3色が6桁の小文字のHEXコードで返されます。色1はベースカラー、色2は色相を210度回転させた色、色3は色相を150度回転させた色です。

ベースカラーの正反対にある1色の代わりに、その反対色の両側に30度ずつ離れた2色を使います。補色ペアのコントラストをほぼ保ちながら、よりバランスを取りやすいパレットになります。

ツールはHEXコードをHSLに変換し、色相に210度と150度を加えて、360度で一周させます。彩度と明度はそのまま保たれ、各色はHEXコードに戻されます。

#ff0000の場合、ツールは#ff0000、#00ff80、#0080ffを返します。シアンの両側にあるスプリンググリーンとアズールです。このツールは画面表示に基づくHSL色相環を使用するため、画家が使う赤・黄・青の色相環とは結果が異なります。

3桁または6桁のHEXコードを1つ入力してください。#の有無は問いません。たとえば#3366ccや36cです。RGBやHSLの文字列、色名は受け付けないため、あらかじめHEXコードに変換してください。

色相、彩度、明度は整数に丸められるため、色をHSLに変換して戻すと、チャンネル値が1段階変わることがあります。たとえば、#ff5733は#ff5833に戻り、その両側に#33ffbeと#3374ffが並びます。

ベースカラーをメインカラーとして使い、2つのスプリット補色を二次操作、ハイライト、グラフの系列などのアクセントに使ってください。アクセントカラーは正反対の色ではないため、直接の補色よりもベースカラーとぶつかりにくくなります。

無彩色は彩度がゼロのため、色相を回転させても同じグレーが返されます。異なる3色を得るには、ある程度の彩度がある色をベースに選んでください。

いいえ、色を計算するだけです。3色ともベースカラーと同じ明度なので、公開する前にコントラストチェッカーでテキストと背景の組み合わせを確認してください。

はい。このツールはColor Palette GeneratorのSplit Complementaryオプションとまったく同じ計算を行うため、同じベースカラーに対して両方とも同じ16進コードを返します。