ToolShed
ホーム
ツール一覧
読み込み中...
ホーム
カラー・デザイン
HEX→HSL変換
カラー・デザイン
無料・登録不要
HEX→HSL変換
HEXカラーコードをHSLに変換
Pick
HEX
Copy
RGB
Copy
R (0–255)
G (0–255)
B (0–255)
HSL
Copy
H (0–360)
S (0–100)
L (0–100)
HSV
Copy
H (0–360)
S (0–100)
V (0–100)
CMYK
Copy
C (0–100)
76%
M (0–100)
47%
Y (0–100)
0%
K (0–100)
4%
HEX
#3B82F6
Copy
RGB
rgb(59, 130, 246)
Copy
HSL
hsl(217, 91%, 60%)
Copy
HSV
hsv(217, 76%, 96%)
Copy
CMYK
cmyk(76%, 47%, 0%, 4%)
Copy
よくある質問
HEXカラーコードとRGBの違いは何ですか？
+
HSLカラーとは何ですか？いつ使いますか？
+
カラーコードの変換で透明度（アルファ値）はどう扱いますか？
+
関連バリエーション
RGB→HEX変換
HEX→HSL変換
カラーピッカー
関連ツール
カラーパレット生成
配色理論ベースのパレット自動生成
CSSグラデーション生成
線形・放射状グラデーションのCSS生成
コントラスト比チェッカー
WCAG準拠のコントラスト比チェック
Box Shadow生成
CSS box-shadowのGUI作成
カラーコード一覧
和色・Web色のカラーコード一覧。HEX/RGB表示
Flexboxジェネレーター
CSSフレックスボックスのGUI作成・コード生成