Color Converter
Convert between RGB, HEX, HSL, CMYK, and other color formats
Color Converter
Red, Green, Blue values from 0-255
Standard format for screens and digital media.
Color Presets
Basic Colors
Material Design
Web Safe
All Color Formats
When to Use Each Format
Web Development:
- HEX:Most common in CSS, compact and widely supported
- RGB/RGBA:When transparency is needed, or for dynamic color manipulation
- HSL/HSLA:When adjusting related colors or creating harmonious palettes
Print Design:
- CMYK:Standard for commercial printing and physical media
- Lab:Device-independent color for accurate reproduction
- XYZ:For color management systems and calibration
Image Editing:
- RGB:Standard for digital images and screen display
- HSV/HSB:Intuitive color selection in most graphic design tools
- Lab:Professional color correction and enhancement
Color Theory:
- HSL/HSV:Easier to understand relationships and manipulate colors
- RGB:Additive color mixing (light-based)
- CMYK:Subtractive color mixing (ink-based)
Was this converter helpful? Let us know how we can improve it!
☕ Support UnitGenie
If this tool has been helpful, consider buying me a coffee to support development and keep it free for everyone!
Color Values
Color Palette
Color Harmony
Complementary
Analogous
Triadic
Accessibility Preview
Black text on this color
White text on this color
This color on white background
This color on black background
Color Systems Explained
RGB (Red, Green, Blue)
Additive color model used in digital displays. Values range from 0-255 per channel.
- Black: rgb(0, 0, 0)
- White: rgb(255, 255, 255)
- Used in: Screens, monitors, digital displays
- Principle: Adding light to create colors
CMYK (Cyan, Magenta, Yellow, Key/Black)
Subtractive color model used in printing. Values range from 0-100% per channel.
- White: cmyk(0%, 0%, 0%, 0%)
- Black: cmyk(0%, 0%, 0%, 100%)
- Used in: Commercial printing, physical media
- Principle: Absorbing light to create colors
HSL (Hue, Saturation, Lightness)
More intuitive model based on how humans perceive color.
- Hue: 0-360° (color wheel position)
- Saturation: 0-100% (color intensity)
- Lightness: 0-100% (brightness, 0% black, 100% white)
- Advantage: Easier to adjust related colors
HSV/HSB (Hue, Saturation, Value/Brightness)
Similar to HSL but with a different brightness model.
- Hue: 0-360° (color wheel position)
- Saturation: 0-100% (color purity)
- Value: 0-100% (brightness, 0% black, 100% full color)
- Used in: Most digital color pickers
HEX (#RRGGBB)
Hexadecimal representation of RGB values. Each pair of characters represents a color channel from 00 to FF.
- Format: #RRGGBB or #RGB (shorthand)
- Range: 00-FF per channel (0-255 decimal)
- Used in: Web development, CSS, HTML
- Example: #FF0000 (pure red)
CIE LAB and XYZ
Device-independent color spaces designed to approximate human vision.
- LAB: L (lightness), a (green-red), b (blue-yellow)
- XYZ: mathematical model for color matching
- Used in: Professional color management
- Advantage: Consistent across different devices
About the Color Converter
Convert between RGB, HEX, HSL, CMYK, and other color formats All conversions run instantly in your browser and nothing you enter is sent to a server.
Common Conversion Formulas
| From | To | Formula |
|---|---|---|
| RGB | Hexadecimal | Hex = #RRGGBB |
| RGB | HSL | Complex transformation based on RGB values |
| RGB | CMYK | K = 1-max(R,G,B), C = (1-R-K)/(1-K), etc. |
Related calculators
- Hex Translator: Text to HexadecimalConvert text to hexadecimal bytes and hex back to text using UTF-8. Useful for reading hex dumps and encoding strings.
- Hex CalculatorAdd, subtract, multiply and divide hexadecimal, binary, octal or decimal numbers, and apply bitwise AND, OR and XOR. Results in all four bases.