Color Code Converter
Online color format converter supporting HEX, RGB, HSL, HSV, CMYK and other color models with live preview and one-click copy.
Color Picker
Supports HEX, RGB, HSL, HSV, CMYK
#3B82F6
Conversion Results
#3B82F6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
hsv(217, 76%, 96%)
cmyk(76%, 47%, 0%, 4%)
Color Format Reference
Different color modes suit different scenarios. Understanding their characteristics helps you make the right choice in design and development.
- HEX:Hexadecimal color code, the most common format in web development with the best compatibility.
- RGB:Red-Green-Blue additive color model, mainly used for electronic screen display.
- HSL:Hue, Saturation, Lightness model, more intuitive to human perception than RGB, convenient for adjusting brightness and vividness.
- HSV:Hue, Saturation, Value model, commonly used in drawing software (e.g. Photoshop) color pickers.
- CMYK:Cyan, Magenta, Yellow, Key (Black) four-color printing model, used for print design to avoid screen-to-print color deviation.
Usage Tips
How to use this tool efficiently:
- Smart Detection: Paste any supported format (e.g. #FF0000 or rgb(255,0,0)) and the system will auto-detect it.
- Visual Picker: Click the color swatch on the right of the input box to open the system color picker for intuitive selection.
- One-click Copy: Click the copy icon next to each format to copy the code to the clipboard.
- Live Preview: The preview area on the left shows the current color in real time, supporting transparency (Alpha channel adjustment not yet available).