HSL形式のカラーがブラウザ上で作れる「HSL Color Picker」
2011年03月05日-
スポンサード リンク
HSL Color Picker - by Brandon Mathis
HSL形式のカラーがブラウザ上で作れる「HSL Color Picker」
color: rgb(50,50,50) みたいにして色指定できますが、CSS3ではHSLによる色指定も可能だそう。

HSL は Hue(色相) Saturation(彩度) Lightness(輝度) の略で、それぞれ、0〜360、0〜100、0〜100 で指定して色を表現できます。
Photoshopでいう、色相、彩度の調整に似ていて、彩度や輝度を下げたりして類似色を作るのも簡単なので便利そう。

通常の16進、rgb、hsl 形式が一気に作れるので便利です。
HSL形式のカラーがブラウザ上で作れる「HSL Color Picker」
color: rgb(50,50,50) みたいにして色指定できますが、CSS3ではHSLによる色指定も可能だそう。

HSL は Hue(色相) Saturation(彩度) Lightness(輝度) の略で、それぞれ、0〜360、0〜100、0〜100 で指定して色を表現できます。
Photoshopでいう、色相、彩度の調整に似ていて、彩度や輝度を下げたりして類似色を作るのも簡単なので便利そう。

通常の16進、rgb、hsl 形式が一気に作れるので便利です。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ