任意の色をもとにそのトーン違いの色を作るSass用の変数
_var-colortone.scssには変数一覧が入っています。
サイトのメインカラー、サブカラー、アクセントカラーを表す変数に好みのカラーコードを入れるとそれぞれの色のトーン別っぽいの色を吐き出す変数を用意できます。
おまけでテキストカラー、ベースカラーも入れてあります。必要な色だけ使うと良いでしょう。
任意の色からカラートーンのCSS指定をSassの変数で自動的に生成する - WEBCRE8.jp
See the Pen [Demo] Sass Variables Color tone by You Sakai (@webcre8) on CodePen.
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>CC0 1.0 Univarsalです。ご自由に★