カラーパレット生成
基準HEXからrole harmonyまたはstep scale paletteを生成します。
使い方
- base色・mode・stepを設定します。
主な機能と処理範囲
harmonyはprimary等、scaleは指定stepの連続色です。
処理の仕組み
harmonyColorsまたはscaleColorsをswatch/CSS variable化します。
例
例: #176B5Bを基準にprimary・secondary等のrole swatchとCSS variableを生成します。
こんな場面で便利
- UI palette草案に
利用前の確認
- WCAGやbrand条件は自動保証しません。
基準・参考資料
よくある質問
全組合せWCAG合格？
いいえ。実際のpairを検証してください。