オンライン分割補色ツール

分割補色とは

分割補色は、ベースカラーの補色（色相環で180度反対側）を中心に、その両側30度の位置にある2色を組み合わせた配色です。このツールは、HSL色空間でベースの色相を0度、150度、210度に固定して3色を生成します。例えば、ベースに赤（#FF0000）を指定すると、結果は#FF0000、#00FF80、#007FFFの順で表示されます。

実際の操作例

ベースカラーに赤（#FF0000）を入力して計算すると、3つのスウォッチが得られます。1つ目は指定した赤そのもの、2つ目は色相150度（シアン系）、3つ目は色相210度（青系）です。これにより、補色の両隣のアクセントカラーを一度に確認できます。

色の編集と制限

生成された各スウォッチは個別に編集可能で、固定された関係を壊すこともできます。ただし、このツールには角度ギャップの選択機能はなく、常に150度、60度、150度の間隔で色が配置されます。また、色変換は浮動小数点数を経由するため、他の実装と比較してチャンネル値が1レベル異なる場合があります。

注意点

• このツールは等間隔のトライアドではなく、分割補色専用です。
• 生成されたパレットが自動的に美しいとは限らず、可読性やコントラストは別途確認する必要があります。
• 処理はすべてローカルで行われ、画像のアップロードやAIは使用しません。
• ファイルのエクスポート機能やコントラスト評価機能はありません。

よくある質問

Q1: 生成される色の順序はどうなりますか？

ベースカラー、色相150度の色、色相210度の色の順で表示されます。例として赤（#FF0000）を指定すると、#FF0000、#00FF80、#007FFFの順になります。

Q2: 色相のずれを調整できますか？

いいえ、このツールではずれは30度に固定されており、角度ギャップの選択肢はありません。色相オフセットは常に0度、150度、210度です。

Q3: 生成された色を個別に変更するとどうなりますか？

各スウォッチは独立して編集でき、変更後も表示テキストは即座に更新されます。ただし、編集により分割補色の関係は失われます。