Panda Noir

JavaScript の限界を究めるブログです。

CSS3グラデーション作成時重宝する相対色メーカー作りました。

相対色メーカー作りました。相対色とは、ある色から相対的な色のことです(命名・私)。

どういうもの?

相対的なので、ある基準を決めれば残りはぱぱっと決まります。#F00から相対的に+#003な色は#F03#006から相対的に+#003な色は#009という感じです。CSS3のグラデーションがかかった色違いのボタンを複数作るときに便利です。下のサンプルは使って作りました。(注意:css3に対応していないブラウザ(IE6やIE7やIE8)は表示されません)

サンプル


終わりに

珍しく私にしては便利なツールを作ったと思います。相対色メーカー、一度使ってみてください。