Toolzy

HSLカラーピッカー

色相・彩度・明度のスライダーを調整して、HEXとRGBの出力をリアルタイムで取得します。

HEX#1980E6
RGBrgb(25, 128, 230)

H・S・Lのスライダーを動かして、色とそのHEX・RGB値が即座に更新される様子を確認できます。

使い方

  1. 色相・彩度・明度のスライダーをドラッグします
  2. プレビューがリアルタイムで更新される様子を確認します
  3. HEXまたはRGB値をコピーします

よくある質問

HSLは何の略ですか?
Hue(色相)・Saturation(彩度)・Lightness(明度)で、色を直感的に表す方法です。
16進コードは取得できますか?
はい。HEXとRGBの出力はリアルタイムで更新され、ワンクリックでコピーできます。

関連ツール