hsl関数
概要
CSSで使える関数
色を設定する
hslの3つの引数
使用例
css.telomere-border.unread {border-color: hsl(90, 100% , 50%)}
下のGIFではテロメアの色を変えながらhsl関数がどんな動きをするか見ている
hsl関数の何が良いのか
色を調整しやすい
rgb関数の場合、色を混ぜる感覚が慣れていないと分からない
hslを使いやすくするための用意
色相をすぐに調べる方法がセットであれば、なお良いだろう
基本的な色の色相度を暗記しておいてもいいだろう
Stop using HEX and rgb() - YouTube
関連