🎨
Color Converter
Auto-detect HEX/RGB/HSL input and convert instantly. Copy-ready outputs for CSS.
Input
Any Format
HEX
RGB
HSL
CMYK
HSV
HWB
Preview
Color Code Table
Common Color Formats
HEX works well for design tokens, RGB is intuitive for primary channels, and HSL is great for adjusting saturation/lightness.
Key Benefits
- Auto-detect input format
- Instant HEX/RGB/HSL outputs
- Copy-ready for CSS
- Supports alpha (RGBA/HSLA & 8-digit HEX)
Supported Formats
- HEX: #RGB / #RRGGBB / #RRGGBBAA
- RGB: rgb(r,g,b) / rgba(r,g,b,a)
- HSL: hsl(h,s%,l%) / hsla(h,s%,l%,a)
Use Cases
- CSS / design tokens
- Convert picked colors quickly
- Adjust via HSL saturation/lightness
- Handle transparency (alpha)
Privacy
- Runs locally in your browser
- No uploads of input data
- Refreshing does not retain content
🚀 How to Use
- Paste a color into “Any Format”
- Or edit HEX/RGB/HSL directly
- Copy outputs with one click
- Preview shows the current color
❓ FAQ
What is 8-digit HEX?
It looks like #RRGGBBAA. The last two digits (AA) represent alpha (00~FF). When alpha < 1, this tool outputs 8-digit HEX.
What do H/S/L mean in HSL?
H is hue (0~360), S is saturation (0%~100%), and L is lightness (0%~100%). It is useful for color adjustments.