Back to Plugins
Hues | Accessible Color Scale Generator

Hues | Accessible Color Scale Generator

簡単な計算でコントラスト比が3:1以上・4.5:1以上になる組み合わせがわかるカラースケールを生成できます

Plugin Preview

Hues | Accessible Color Scale Generator preview

About this plugin

基本的なしくみ

  1. カラースケールは86段階のグレードで展開されます。
  2. グレードには00~850までのグレードナンバーが与えられています。
  3. 生成されたスケールは基本的に下記のコントラストルールが成り立っています。


コントラストルール

  1. グレード差≧300以上の組み合わせ → コントラスト比3:1以上
  2. グレード差≧450以上の組み合わせ → コントラスト比4.5:1以上


使い方

  1. キーカラー入力しカラースケールを生成します。
  2. カラースケールは8つまで作成できます。
  3. カラースケールごとに10グレードまで選択できます。
  4. 選択したグレード同士でコントラストルールが成立するかを全スケール横断でチェックが走ります。
  5. NGの組み合わせがある場合は選択するグレードを変更するか、スライダーで調整してください。

Plugin Details

Version7
CreatedNovember 19, 2025
Last UpdatedNovember 27, 2025
Categoryshapes-colors
Creator川崎 実紀
Stats2 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none