Turn a hex colour code into rgb() values you can paste into CSS
Runs in your browser. Nothing you type is sent anywhere. Updated on 24 Oct 2026.Paste a hex code such as #1E90FF or the short form #09F and get rgb(30, 144, 255) back, ready for CSS, Android or a design token file. Eight-digit hex with transparency becomes rgba with the alpha worked out. The same colour is shown in HSL, OKLCH and CMYK below, with a swatch so you can see you copied the right one.
Paste the hex code, such as #1E90FF or the short form #09F, into Colour in any format.
Check the swatch shows the colour you expected.
Read the RGB row; an eight-digit hex with transparency comes back with its alpha value.
Press the copy icon on the RGB row and paste the value into your CSS.
This color converter takes a colour in any common format and gives it back in all of them: HEX, RGB, HSL, HWB, OKLCH and CMYK. Type #2B59F5, rgb(43 89 245), hsl(227 91% 56%), oklch(55% 0.22 265), a CMYK value or a CSS name like teal, and every other format updates, with a live swatch, a picker and one-click copy.
Front-end developers use it to move a brand colour from a design file into CSS, to switch a palette to OKLCH so tints look even across hues, and to check that text is readable before a pull request. Designers use it to hand a print shop approximate CMYK numbers, and anyone can use the contrast panel to test a text colour against white, black or a background of their choice.
Contrast follows WCAG 2 exactly: the ratio is shown to two decimals, rounded down so a pair at 4.49 never looks like it passes, with AA and AAA marks for normal and large text. Translucent colours are blended over the background first. The tints and shades row mixes your colour with white and black in 10% steps; click any swatch to copy its hex.
The rest of the article, and all 6 questions about Color Converter, are on the Color Converter page.
Paste the hex code, with or without the # sign, and read the RGB line. Each pair of hex digits is one channel from 00 to FF, which is 0 to 255 in decimal, so #FF5733 is red 255, green 87 and blue 51. Three-digit codes such as #F53 double each digit first, giving #FF5533.
OKLCH describes a colour by perceived lightness, chroma (colourfulness) and hue. Unlike HSL, equal lightness values look equally light across different hues, so palettes and hover states built in OKLCH look balanced. All modern browsers support oklch() in CSS, and this tool converts it to and from hex.
CMYK values here are approximate. The tool uses the standard formula that assumes perfect inks, but real printing depends on the press, the paper and the colour profile, and some bright screen colours cannot be printed at all. Use these values as a starting point and ask your printer to match against a proof.
Yes. rgba(), hsla(), the slash syntax such as rgb(0 0 0 / 50%) and 8-digit hex like #FF000080 are all read, and alpha is carried into every format that supports it. CMYK has no transparency. For the contrast check, a translucent colour is blended over the background before the ratio is calculated.
Still stuck? Ask about Color Converter and anybody who knows can answer. No account needed.
On the related tools: TSV to JSON – Convert tab-separated values, such as a paste from Excel, into JSON · CSV to Markdown Table – Convert CSV or TSV to a GitHub Markdown table with aligned columns and escaped pipes.
In the collection Developer Converters.