HEX→RGB→HSL変換機

RGBの数値(0〜255)から、HEX・HSL・HSVに変換します。プレビューつき。

HEX—

プレビュー
HSL—
HSV—

計算式

使い方のヒント

HEXやhsl()の文字から読み取りたい場合は、HEX/RGB/HSL変換機を使ってください。数値を、少しずつ変えながら、色の変化を見るときは、こちらが便利です。

計算例

初期値(R(赤) 59、G(緑) 130、B(青) 246)のままで計算すると、HEXは #3B82F6、HSLは hsl(217, 91%, 60%)、HSVは hsv(217, 76%, 96%) になります。まずはこの値を基準に、自分の数値へ置き換えて確認してください。

たとえば「R(赤)」だけを 118 に変えると、HEXは #7682F6、HSLは hsl(234, 88%, 71%)、HSVは hsv(234, 52%, 96%) になります。結果がどの入力にどれだけ敏感かを見るときは、入力を1つずつ動かして比べるとわかりやすくなります。

関連ツール

よくある質問

HEX→RGB→HSL変換機では何がわかりますか？

RGBの数値(0〜255)から、HEX・HSL・HSVに変換します。プレビューつき。

何を入力すればいいですか？

次の項目を入力します: R(赤)、G(緑)、B(青)。内容を変えると、結果もそれに合わせて変わります。

結果にはどんな項目が表示されますか？

「HEX」「HSL」「HSV」などが表示されます。

どんな計算式を使っていますか？

ページ内の「計算式」にまとめています。たとえば「HEX = R・G・Bを、2桁の16進数にして並べる」のような式です。

結果はどのくらい正確ですか？

色の見え方はモニターや印刷で変わります。サイズや比率は計算どおりですが、仕上がりは実際に書き出して確認してください。

同じカテゴリ(色・配色・グラデーション)の他のツールはありますか？

はい。HEX/RGB/HSL変換機、カラーパレット抽出、カラーピッカー、RGB→CMYK変換補助などがあります。

スマホでの利用、入力内容の扱い、結果のコピー、印刷など、全ツールに共通する質問は共通のよくある質問にまとめています。

関連記事