対応しているブラウザは？

Chrome、Safari、Firefox、Edgeなど主要モダンブラウザの最新版で動作確認しています。Internet Explorerや極端に古いバージョンは対象外です。

入力したデータはサーバーに送信されますか？

いいえ。HEX→HSL変換はすべての処理をお使いのブラウザ内で完結させます。入力内容がサーバーに送信されたり保存されたりすることはありません。

カラー無料登録不要

HEX→HSL変換

HEXカラーコード（#FFFFFF等）をHSL値（色相・彩度・明度）に変換。色の調整やCSSでのHSL指定に便利。プレビュー付き無料オンライン変換ツール。

選択

HEX

RGB

R (0–255)

G (0–255)

B (0–255)

HSL

H (0–360)

S (0–100)

L (0–100)

HSV

H (0–360)

S (0–100)

V (0–100)

CMYK

C (0–100)

76%

M (0–100)

47%

Y (0–100)

K (0–100)

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

HSV

hsv(217, 76%, 96%)

CMYK

cmyk(76%, 47%, 0%, 4%)

FAQ

よくある質問

HEX→HSL変換の処理内容によりますが、rgba()やhsla()の表記が必要な場合はそれぞれに対応したツールを使用してください。HEXの8桁形式（#RRGGBBAA）もアルファ値を含みます。

バリエーション

こちらもおすすめ

RGB→HEX一括変換

複数のRGB値をHEXカラーコードに一括変換。CSSのカラー指定変換に便利な無料オンラインツール。

HEX→RGBパーセント

HEX→RGBパーセントを行う無料オンラインツール。HEX→RGBパーセントをブラウザ上で即座に実行でき、カラーツールとして登録不要で利用できます。

HEX→RGB簡易

HEXコードをRGB値に変換する簡易無料オンラインツール。

HEX→RGBタプル

HEX→RGBタプルを行う無料オンラインツール。HEX→RGBタプルをブラウザ上で即座に実行でき、カラーツールとして登録不要で利用できます。

アクセシブルカラー生成

WCAG 2.1のコントラスト比基準（AA/AAA）を満たす色の組み合わせを自動生成。アクセシビリティ対応のWebデザインに。無料オンラインカラーツール。

ANSIカラー一覧

ANSI 16色のコード一覧を表示する無料オンラインツール。ANSIカラー一覧をブラウザ上で即座に実行でき、カラーツールとして登録不要で利用できます。

読み込み中...

HEX→HSL変換

よくある質問

関連バリエーション

こちらもおすすめ

HEX→HSL変換

よくある質問

関連バリエーション

こちらもおすすめ