主役の色を残して配色を探す
- 入力・操作
- 主役 #008080 / 3色 / 類似色
- 得られる結果
- 近い色相の組み合わせを生成し、必要な色をロック
色相の関係と文字の可読性は別です。生成後に背景・本文・装飾の役割を決めます。
生成した色をそのまま本文に使えますか？
自動生成は可読性を保証しません。本文と背景を対比させ、色板に保存してからコントラストを確認してください。
カラーパレット作成
ベースカラーから 2〜5 色の配色をつくります。気に入った色を固定し、残りの色を変えられます。
ベースカラー
HSL の色相を基準に、類似色は約28°ずつ、補色は180°、三角配色は120°ずつ動かし、明度を分けています。5色などでは同じ色相の濃淡を含みます。固定色はそのまま残すため、選んだ関係から外れることがあります。
#E5EADC#789B82#314F42保存すると、現在の色板をこの配色に置き換えます。色板で元に戻せます。
使い方
- ベースカラーと色数を選びます。
- 配色ルールを選んで生成します。
- 色を固定・調整して、色板へ保存します。
結果の見方・対応範囲
色相の関係を使ったデジタル配色です。文字の読みやすさはコントラストツールで確認してください。
計算方法とデータの出典