色碼轉換
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などあらゆるデバイスで快適にご利用いただけます。