相対色メーカー

概要

Before #
Base #
After #
# - #=
#{{beforeColor}},#{{baseColor}},#{{afterColor}}

例えばグラデーションのかかった赤いボタンを作るときには次のようなCSSを書きますよね。 background: linear-gradient(top, #EFC7CB 0%, #D24B5A 50%, #BA2636 51%, #F28F9A 100%) これと同じような青いボタンを作るとき、赤いボタンの上下の色の差分を利用して作れると楽ですよね?この発想のもとに作ったツールがこれです。

使い方は、見たまんまです。
上と下に数字を入れて、足すのか引くのか決めてあとはベース色を選ぶだけです。
差分を出すのはコードの下のフォームです。