HSLカラーとは何ですか？いつ使いますか？

HSL（色相・彩度・明度）は人間の色の感覚に近い表現方法です。色の明るさや鮮やかさを調整する場合にRGBよりも直感的で、CSSでの色のバリエーション作成に便利です。

カラーコードの変換で透明度（アルファ値）はどう扱いますか？

HEXでは8桁表記（#FF573380）、RGBではrgba(255,87,51,0.5)のように4番目の値で透明度を指定します。0が完全透明、1（またはFF）が完全不透明です。

カラー無料登録不要

HEX→RGB変換

HEX、RGB、HSL、HSV等のカラーコードを相互変換。ビジュアルカラーピッカー付き。Webデザイン・CSS開発に必須の無料ツール。

選択

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（#FF5733）は16進数表記、RGB（rgb(255,87,51)）は10進数表記ですが、どちらも同じ色を赤・緑・青の3成分で表現します。HEXはCSSで、RGBはプログラミングで多用されます。

バリエーション

こちらもおすすめ

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→RGB変換

よくある質問

関連バリエーション

こちらもおすすめ

HEX→RGB変換

よくある質問

関連バリエーション

こちらもおすすめ