Murelio

必要な機能を読み込んでいます。

色調生成

基準色から暗い方向へstep数のshade scaleを生成します。

使い方

  1. HEXとstep数を設定します。

主な機能と処理範囲

scaleColors(...,'shades')でswatch/CSS variableを作ります。

処理の仕組み

dark方向へ段階mixします。

例

例: 7 stepsなら基準色から徐々に暗い7色のshadeが並びます。

こんな場面で便利

  • state color候補に

利用前の確認

  • 知覚均等scaleではありません。

よくある質問

最後は必ず黒?

保証しません。

関連ツール