オンライン補色ツール
HSL補色のペアを生成し、HEX・RGB・HSV・HSLの値を調整して結果をコピー。文字と背景のコントラストは別途確認してください。処理はブラウザ内でローカルに行われます。
使ってみる
計算方法と例
基準色のRGB値は大文字のHEXで保持されます。2色目はHSLの色相・彩度・明度を整数に丸め、丸めた色相に180°を加えて色相環を折り返し、RGBへ変換して求めます。角度は固定です。RGBの各成分を255から引く反転処理とは異なります。
#FF0000では#FF0000と#00FFFF、初期色#3B82F6では2色目が#F6AF3Cになります。整数への丸めにより灰色も変わる場合があり、#010101の2色目は#000000です。丸めないHSL計算と同じ結果になるとは限りません。
操作と制限
RGB欄は0–255、色相は0–360°、その他の成分は0–100%です。HSVのVとHSLのLは異なる指標です。アルファを含まない不透明色を使用してください。結果を手動で変えても補色関係は自動で維持されません。必要に応じて基準色から再生成してください。
計算はブラウザー内で行われます。画像からの色抽出やコントラスト測定は行いません。文字の読みやすさ、知覚上の明るさの一致、アクセシビリティ適合を保証しないため、文字と背景のコントラストは別途確認してください。
処理はブラウザ内でローカルに行われます。