「Sass Color Generator」というSassのlightenなどの色生成ツールを作りました。 このツールは、デザイナーが効率的なカラーバリエーションのデザインをしやすくするものです。 例えば、デザインを作るときにメインのカラーを指定すると、その薄い色を背景色にしたり、枠線色にしたりする場合があると思うのですが、その色を見つけやすく、また指定しやすくします。 できること カラーコードと%の数値を入力すると、そのカラーの%ごとの明度や彩度のカラーバリエーションを一覧で見ることができます。 使い方 1.カラーコードを入力します。 2. %の数値を入力します。 この数値ごとに、lightenなどの色が作成されます。 色の説明 lighten…明度(上) darken…明度(下) saturate…彩度(上) desaturate…彩度(下) マークアップエンジニアとの協業や、Webサ
![Sassの色生成ジェネレーターを作りました](https://cdn-ak-scissors.b.st-hatena.com/image/square/84503e90b33c83688c616b6771e222c9ea995be6/height=288;version=1;width=512/http%3A%2F%2Fwww.ar-ch.org%2Fwp%2Fwp-content%2Fuploads%2F01_s1.png)