フリーランスのエンジニア道

フリーランスエンジニアの不安を解消するブログ

色相・彩度・明度をカラーコードに変換してグラデーションラベルを作る方法

TL;DR

HSV空間(hue=色相、saturation=彩度、value=明度)の色相だけ計算して、hsvToHexするといい。ついでに彩度や明度をいじって好きな色のラベルが作れます。

HSV色空間 - Wikipedia

 

さっそく実際のコードです

まとめ

これで簡単にステータスに応じたラベル色の変更やグラデーションの表現ができるようになりますね。