やまどり

カラーコード変換

HEX・RGB・HSL を相互変換します。

R
G
B
H
S
L
HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

カラーコード形式の違い

  • HEX（16進数） —#RRGGBB 形式。CSSで最もよく使われる。
  • RGB —rgb(R, G, B) 形式。赤・緑・青を0〜255で指定。
  • HSL —hsl(H, S%, L%) 形式。色相・彩度・明度で指定。人間が直感的に扱いやすい。

使い方

カラーピッカーで色を選ぶか、HEX・RGB・HSL いずれかの値を直接入力すると、他の形式に自動変換されます。 変換後の値はコピーボタンで即座にクリップボードへコピーできます。

何ができるか

HEX・RGB・HSL のカラーコードを相互変換できるツール。カラーピッカーで色を選択して即座に変換。CSS・デザイン作業に。

入力データの扱い

このツールの処理はブラウザ内で完結します。入力したテキストやファイルは、変換・解析のために外部サーバーへ送信されません。

使いどころ

開発、検証、ドキュメント作成、日常作業の下調べなど、手元で素早く確認したい場面に向いています。