オンライン3色カラースキームツール

機能と使いどころ

トライアドカラースキームは、色相環上で互いに120度離れた3色を使用する配色です。このツールは、ベースカラーを指定するだけで、そのトライアドを自動生成します。

具体的な例

ベースカラーに#FF0000（赤）を設定すると、結果として#FF0000、#00FF00（緑）、#0000FF（青）がこの順で生成されます。ベースのHEXはそのまま保持され、回転したスウォッチはHSLの彩度と明度を整数に丸めて計算されます。

制限と注意点

色相の間隔が等しくても、知覚される明るさやコントラストが等しいとは限りません。アクセシブルなテキストと背景の組み合わせを選ぶ際は、個別に評価してください。また、手動でスウォッチを編集すると、トライアドの関係が崩れる可能性があります。

FAQ

• Q: 生成された色を編集するとどうなりますか？
  A: 編集したスウォッチのテキストは更新されますが、他の2色は再計算されないため、トライアドの関係が崩れることがあります。
• Q: 色相の角度や色数を変更できますか？
  A: いいえ、このツールは固定のトライアド（0度、120度、240度）のみを生成します。角度や色数の選択肢はありません。
• Q: 結果の色はどのように計算されますか？
  A: ベースカラーのHSL値から色相を120度ずつ回転させ、彩度と明度は整数に丸めて計算されます。ベースのHEXはそのまま保持されます。

チェックリスト

• ベースカラーを選択する
• 計算ボタンを押す
• 生成された3色を確認する
• 必要に応じて個別に編集する
• クリアでリセットする