DESIGN
カラーパレット
基準色と配色ルールから、色彩理論に基づくパレットを生成。スウォッチをクリックして HEX コードをコピー。
使い方基準色を選び、配色ルールを切り替えるとパレットが生成されます。例: 基準色 #2b50c7（藍）で「補色」を選ぶと #c7a62b（橙）が自動算出されます。スウォッチのバッジ（白 A / 黒 A）はその色を背景にしたときの文字コントラスト比です。
基準色
226°
64%
47%
テーマから選ぶ
色相環
● 基準色 ● 生成色
配色ルール
補色（Complementary）
色相環の正反対。強いコントラストで互いを引き立てる。
生成パレット
| # | HEX | RGB | HSL | 白文字 | 黒文字 |
|---|---|---|---|---|---|
| 1★ | 6.94:1AA | 2.43:1不合格 | |||
| 2 | 2.47:1不合格 | 6.84:1AA |