相対色メーカー

概要

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

これは相対的に色を作ります。
例えば赤と青のボタンを作るとき、
background: linear-gradient(top, #EFC7CB 0%, #D24B5A 50%, #BA2636 51%, #F28F9A 100%)
赤はこんな感じで、青バージョンを作るとき、いちいちRGBに分解して差分をだして、ベースに足すのはとても効率が悪いと思います(実体験)。
具体的には「赤のベースをD24B5Aにして、EF-D2=1Dだから、青のベースの0000FFの赤の00に1Dを足して…」という感じです。
こんな惨劇を招かないためにつくりました。

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