【CSS3】HSL色空間による色指定のすゝめ
.hoge { background-color: hsl(0, 100%, 50%) // 純色の赤 color: hsl(60, 100%, 80%) // 明るい黄色 } rgbによる色指定では、「ちょっと色を明るくしたい、もうちょっと赤を強くしたい」などといったときに、直感的に修正しにくいため、カラーピッカー等を用いてrgb値を確認する必要があったのですが、HSLによる色指定であれば、色相、彩度、明度を調節することで簡単に色を調節することができます。 CSS3による新機能のため、使える場面が限られるのですが、使える場合には是非使ってみていただければと思います。 ちなみに、HSLについて調べている中で、RGBからHSLに変換する変換式とHSLからRGBに変換する変換式を見つけたので、javascriptで実装してみました。 以下のサンプルページで変換を試すことができるので、ぜひ触って
pagetutor.com - pagetutor リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Gradient Background Maker
