Color Code Converter
Convert between HEX, RGB, and HSL color codes. Includes an intuitive color picker.
Color Picker
Text Input
Enter HEX, rgb(), or hsl() format
HEX
RGB
HSL
°
%
%
Preview
HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CSS Code
color: #3b82f6;color: rgb(59, 130, 246);color: hsl(217, 91%, 60%);How to Use
カラーピッカーで色を選ぶか、HEX・RGB・HSLのいずれかの値を入力すると、他の形式に自動変換されます。CSSコードもそのままコピーできます。
How It Works
HEX↔RGB↔HSLの相互変換アルゴリズムを実装しています。全ての値はリアルタイムで連動して更新されます。
よくある質問
HEX、RGB、HSLの違いは何ですか？
HEXは16進数で色を表す形式（#FF0000）、RGBは赤・緑・青の3要素で表す形式（rgb(255,0,0)）、HSLは色相・彩度・明度で表す形式（hsl(0,100%,50%)）です。Webデザインではいずれも広く使用されます。
透明度（アルファ値）には対応していますか？
はい。RGBA、HSLA形式での透明度指定に対応しています。
入力データはサーバーに送信されますか？
いいえ。すべての処理はお使いのブラウザ上で行われ、入力データが外部サーバーに送信されることはありません。安心してご利用ください。
スマートフォンでも使えますか？
はい。レスポンシブデザインに対応しており、スマートフォン・タブレット・PCなどあらゆるデバイスで快適にご利用いただけます。
Related Tools
🖼️
Image Compressor
Compress and resize images in your browser. Nothing is uploaded to a server.
📏
Unit Converter
Convert between units of length, weight, temperature, area, volume, speed, and data.
📄
PDF Merge / Split / Compress
Merge, split, and compress PDF files in your browser. Data is never sent to a server.
🖼️
Image to PDF Converter
Combine multiple images into a PDF. Save as PDF using your browser's print function.
↔️
Image Resizer
Resize images by pixel, percentage, or social media presets. Supports aspect ratio lock. Data is never sent to a server.