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
最新のブログ記事(新着順)
- Three.jsでパーティクルが雨のように降り注ぐ実装デモ
- ホバーで文字がバラバラと集まるエフェクト実装
- ClipPathを使ったオシャレな画面切り替えスライドショー実装
- テキストをSVGを使って円形アニメーションさせるデモ
- Three.jsをつかった3Dなローディングアニメーション実装
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- 過去のエントリ