BlueprintLab Tools
JAEN
ツール一覧 / 色・CSSデザイン / HEX / RGB / HSL 色変換

無料Webツール

HEX / RGB / HSL 色変換

HEXまたはRGB色を、HEX・RGB・HSLへ相互表示します。

使う

使い方と確認ポイント

HEXまたはRGB色を、HEX・RGB・HSLへ相互表示します。

  1. 「色」を指定します。
  2. 「変換」で処理します。
  3. 結果を元データと照合し、修正が必要な場合は入力欄へ戻ります。

入力例・設定例

色
#315ee8

関連するツール

色・CSSデザイン — 同じ分野のツールをまとめて見る

HEXカラーコード → RGB変換#RGB / #RRGGBB形式のHEXカラーコードをRGB（0〜255）へ変換します。使う  →HSL → RGB変換HSL（色相・彩度・明度）をRGB（0〜255）へ変換します。使う  →画像の色をクリックしてHEX／RGBを取得画像上の一点をクリックし、その場所の色をHEX・RGBで取得します。使う  →RGB → HEXカラーコード変換RGB（0〜255）を#RRGGBB形式のHEXカラーコードへ変換します。使う  →

関連リファレンス: 画像形式