Turn a HEX color code into RGB online. Enter #00FF7F, read Red, Green and Blue as separate 0-255 fields plus a ready rgb() string.
Type R, G and B values from 0 to 255 and get a six-digit HEX code with a copy button, ready for CSS, Figma or a brand style guide.
Combine a HEX code with an alpha value between 0 and 1 to build a ready rgba() string for CSS overlays, shadows and translucent panels.
Break a HEX code into hue, saturation and lightness, ready to drop into a CSS hsl() declaration or to build a tint ramp from one colour.
Three fields — H from 0 to 360, S and L in percent — return a six-digit HEX code, for when a wheel-built palette has to ship as plain codes.
Break an RGB color down into hue, saturation and lightness so you can lighten a shade or build a palette around a single hue value.
Convert hue, saturation and lightness into Red, Green and Blue channels using H (0-360), S and L percentage fields, with a copy button.
Paste a web HEX code and read back the four CMYK percentages a printer expects. One input, one button, and the maths never leaves your tab.
Convert a CMYK print colour to a six-digit HEX code online. Type C, M, Y and K from 0 to 100, convert, and copy the result into your CSS.
An online color picker showing HEX, RGB, HSV and CMYK at once. Type a value into any of the four fields and the other three are recalculated instantly.
Check the contrast ratio between a background and a text color against WCAG AA and AAA, then let the generator suggest an optimal accent or a complementary pair.
Extract a dominant color palette from any image online. Upload a picture, pick from 3 to 777 swatches with the Colors slider and copy HEX or RGB values.
Turn any string into hexadecimal online. Each character becomes its code, values are space-separated, and Clear empties both boxes for the next test.
Decode a hex string back to readable text online. Paste bytes spaced (48 65 6c) or unbroken (48656c); non-hex characters are stripped before decoding.
The same color is written differently in code, in a design file and at a print shop, so converting between notations is constant work. This hub collects every color converter on the site plus three neighbours you reach for in the same session: an eyedropper, a contrast pair generator and a palette analyzer for an existing image.
HEX is the familiar notation for CSS and for passing a color to someone in a message. RGB and RGBA describe the same thing numerically, and RGBA adds the alpha channel you need for overlays and soft shadows. HSL is built differently and is the most useful for hand tuning: hue, saturation and lightness move independently, which makes building a row of shades for button states far easier.
CMYK stands apart because it means print. Going from screen RGB to ink is always an approximation, since a share of vivid screen colors simply cannot be reproduced with ink. The converter gives you a working value for the layout, but the final proof still comes from the printer.
Contrast checking is worth its own step: a text and background pair should reach at least 4.5:1 under WCAG, otherwise the text becomes hard to read on a phone in daylight and fails an accessibility audit.