Tools

HEX ↔ RGB変換

HEXカラーコードをRGB・HSL形式に即座に変換します。

color: #3498DB;
color: rgb(52, 152, 219);
color: hsl(204, 70%, 53%);

使い方

HEXカラーコードを入力するとRGBとHSLの値が自動的に変換されます。 逆にRGB値を入力するとHEXコードを取得できます。 • HEX:Webで最も一般的な色表記法(#FF5733) • RGB:Red・Green・Blueチャンネル値(0-255) • HSL:色相(Hue)・彩度(Saturation)・明度(Lightness) すべての処理はブラウザ内で完結し、データはサーバーに送信されません。

変換例

HEX #FF5733 → RGB(255, 87, 51) → HSL(11°, 100%, 60%) HEX #3498DB → RGB(52, 152, 219) → HSL(204°, 70%, 53%) HEX #2ECC71 → RGB(46, 204, 113) → HSL(145°, 63%, 49%)

よくある質問

HEXカラーコードとは?
HEXカラーコードは16進数で色を表現するものです。#RRGGBB形式で、それぞれ赤・緑・青チャンネルを00-FFの範囲で表します。CSSやHTMLで広く使われています。
RGBとHSLの違いは?
RGBは赤・緑・青チャンネルの混合で色を表現し、HSLは色相・彩度・明度で表現します。HSLは人間の色認識により直感的です。
入力データはサーバーに送信されますか?
いいえ、すべての変換はブラウザ内で完結します。データはどこにも送信されません。

関連ツール