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の相互変換アルゴリズムを実装しています。全ての値はリアルタイムで連動して更新されます。
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.