justyourpaletteColor Converter
Paste any color and get it in ten formats.
- 100% Free
- No Sign Up
- Works in Your Browser
Color converter
Convert any color between hex, RGB, HSL, CMYK and more
More Color Tools
View all tools- Hex to RGBConvert hex color codes to RGB values
- RGB to hexConvert RGB values to a hex color code
- Hex to HSLConvert hex color codes to HSL values
- HSL to hexConvert HSL values to a hex color code
- RGB to HSLConvert RGB values to HSL
- Palette generatorGenerate color palettes and lock the ones you like
- Color pickerPick a color and copy it as hex, RGB or HSL
- Contrast checkerCheck text and background contrast against WCAG
- Palette from imageExtract a color palette from any photo
Every everyday color tool, right in your browser.
No software. No uploads. No signup.
Browse all 28 tools- Color tools
- 28
- Named colors
- 139
- Curated palettes
- 216
How to use the color converter
Three steps, all in your browser.
- 1
Enter a color
Type or paste a code in any format, or use the picker.
- 2
See every format
The converted values update as you type, in every format at once.
- 3
Copy the codes
Copy any color code in one click, or share the page link.
Color Converter: what to know
The color converter translates any color between ten formats: hex, RGB, HSL, HSV, HWB, CMYK, OKLCH, OKLab, CIE Lab and LCH. Paste a value in any of them, or a CSS color name, and every other format updates at once, each with a copy button.
Screen formats describe the same colors in different ways. Hex and RGB give red, green and blue amounts; HSL, HSV and HWB rearrange them into hue and lightness-style values that are easier to edit; Lab, LCH, OKLab and OKLCH are built around human perception, so equal number changes look like equal visual changes.
CMYK is the odd one out: it describes ink on paper. The converter uses the standard device-independent formula, which is fine for a starting point, but a printer's ICC profile for a specific press and paper will give different numbers for critical brand work.
Popular uses
- Moving colors between Figma, CSS, Photoshop and print files
- Getting a CSS-ready value in the format your code base uses
- Translating brand guides that list only one format
- Learning how color formats relate to each other
Tips for the best result
- Keep one source of truth (usually hex or OKLCH) and convert from it, rather than converting conversions.
- Rounding can change a value by one step when converting back and forth; that difference isn't visible.
- Colors outside the sRGB range (from OKLCH or Lab) are brought into range before hex and RGB are shown.
Read how JustYourPalette works, browse named colors and curated palettes, and see our privacy details. Colors you enter and images you open are processed in your browser and are never sent to our server.