画像・カラー
Color Palette Generator
Main・Sub・Accentのいずれか1色を固定し、特徴の異なる12種類の三色配色を比較します。
役割とHEX colorを指定して、配色を生成してください。
このツールでできること
指定したMain・Sub・Accentの1色を正確に維持し、調和・印象・実用の12パターンで残り2色を生成します。
使い方
- 固定したい色の役割を選びます。
- HEX colorを入力するかカラーピッカーで選び、配色を生成します。
- プレビューとコントラスト比を比較し、必要なHEXまたは配色全体をコピーします。
生成とコントラストの仕様
生成色は決定的なOKLCH調整を行い、不透明sRGB内へ変換します。WCAG 2.2の文字コントラストは丸め前のsRGB相対輝度で判定し、通常文字AAは4.5:1、大きな文字AAは3:1を基準にします。
制限とプライバシー
生成結果は候補であり、ブランド適合やUI全体のWCAG適合を保証しません。診断対象は各単色背景と黒・白文字の組合せだけで、component stateや三色間のコントラストは含みません。データは送信・保存しません。