generated at
hsl関数
概要
CSSで使える関数
色を設定する

hslの3つの引数

使用例
css
.telomere-border.unread {border-color: hsl(90, 100% , 50%)}
下のGIFではテロメアの色を変えながらhsl関数がどんな動きをするか見ている

hsl関数の何が良いのか
色を調整しやすい
rgb関数の場合、色を混ぜる感覚が慣れていないと分からない

hslを使いやすくするための用意
色相をすぐに調べる方法がセットであれば、なお良いだろう
色相(hue)の度合いを知るためのページでざっとhueの度を知り、そっから調整。
基本的な色の色相度を暗記しておいてもいいだろう


Stop using HEX and rgb() - YouTube
Kevin Powellで存在を知る

関連