カラーコード変換

一つの色を HEX、RGB、HSL の形式で確認。形式を変えても同じ色として使えます。

色名・カラーコード
入力例

HEX は 3・4・6・8 桁。RGB / HSL、掲載色名と148語の CSS 色名に対応しています。

RGB と HEX の違いを読む
選んだ色#789B82
HEX#789B82
RGBrgb(120 155 130)
HSLhsl(137 15% 54%)

使い方

  1. 対応する色コードを入力します。
  2. 必要な出力形式を選びます。
  3. 数値をコピーして使います。

結果の見方・対応範囲

sRGB を基準に変換します。HSL は表示時に丸めます。

計算方法とデータの出典

具体例と、結果の使い方

HEX と RGB を相互に使う

入力・操作
#FF8000
得られる結果
rgb(255 128 0)

FFは255、80は128、00は0。先頭から赤・緑・青の成分です。

変換すると色が変わりますか?

同じsRGBの数値を別表記にするだけなら同じ色です。HSLの丸めや、別の色空間・印刷条件への変換は分けて考えます。

計算・データの出典を確認する

このページの情報を訂正する