Color Format Converter
Paste a hex, RGB, or HSL value and instantly see it in every format. Or use the color picker.
Samples:
—
Couldn't parse that. Try a hex like #ff6600, rgb(255,102,0), or hsl(24,100%,50%).
#6366f1
All formats
Enter a color value to see all formats.
About this tool
Paste any color value and it converts to every common format instantly. Handy when you copy a hex from Figma and need the RGB for a CSS variable, or you get an HSL from a design token and need the hex for an email template. You can also use the color picker if you just want to explore.
Accepts HEX, RGB, RGBA, HSL, and HSLA input
Outputs HEX, RGB, HSL, HSV, and CSS snippets
Live color swatch updates as you type
RGB channel bars for a quick visual breakdown
Color picker for when you don't have a value yet
Runs entirely in your browser, nothing leaves your device