「Sass Color Generator」が配色指定をlighten/darkenでするときに便利すぎるSassには便利なカラーコントロール機能があるんですが、そのカラーコントロールをする際に、えらく便利なジェネレーターがありました。 「Sass Color Generator」というそのものズバリな名前なんですが、この配色ジェネレーターを使えば想定した色にするための指定数値が見える化されますよ。 Sassにおけるカラーコントロール まずは、Sassのカラーコントロールについて触れておきましょう。 Sassコーディングには変数が利用できます。SCSSファイル上で、その変数を使って色を規定することができるようになっているんです。 $color-text:#525252; $color-background:#f0f0f0; このように$から始まる変数に色(カラーコード ※rgba指定も可能)を規定し、あとはCSSで色指定したいところに当該の変数を使うだけです。 $color-text:#525
