色コード変換
HEX、RGB、HSL形式の色コードを相互に変換します。カラーピッカーで直感的に色を選択できます。
カラーピッカー
テキスト入力
HEX、rgb()、hsl()形式で入力できます
HEX
RGB
HSL
°
%
%
プレビュー
HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CSSコード
color: #3b82f6;color: rgb(59, 130, 246);color: hsl(217, 91%, 60%);使い方
カラーピッカーで色を選ぶか、HEX・RGB・HSLのいずれかの値を入力すると、他の形式に自動変換されます。CSSコードもそのままコピーできます。
仕組みについて
HEX↔RGB↔HSLの相互変換アルゴリズムを実装しています。全ての値はリアルタイムで連動して更新されます。
よくある質問
HEX、RGB、HSLの違いは何ですか？
HEXは16進数で色を表す形式（#FF0000）、RGBは赤・緑・青の3要素で表す形式（rgb(255,0,0)）、HSLは色相・彩度・明度で表す形式（hsl(0,100%,50%)）です。Webデザインではいずれも広く使用されます。
透明度（アルファ値）には対応していますか？
はい。RGBA、HSLA形式での透明度指定に対応しています。
入力データはサーバーに送信されますか？
いいえ。すべての処理はお使いのブラウザ上で行われ、入力データが外部サーバーに送信されることはありません。安心してご利用ください。
スマートフォンでも使えますか？
はい。レスポンシブデザインに対応しており、スマートフォン・タブレット・PCなどあらゆるデバイスで快適にご利用いただけます。