Convert HEX to RGB, RGB to HEX, and paste bulk color lists for quick design-token cleanup. Conversions run locally in your browser, so dropping in a long list of brand colors stays private and instant.
A HEX value like #2EC4B6 is a compact way to write the three RGB channels in hexadecimal. RGB writes those same channels in decimal, from 0 to 255. The bulk box accepts either format, one color per line, and returns the converted value alongside an HSL preview so you can audit a whole palette in one pass.
#2F80ED is a bright blue. In RGB it is rgb(47, 128, 237) — red 47, green 128, blue 237 — and in HSL it is hsl(214 84% 56%). A HEX code packs those three channels into six hexadecimal digits, so 2F = 47, 80 = 128, and ED = 237. Paste any code into the converter below to see its RGB, HSL, and OKLCH values with a live preview.
| Preview | HEX | RGB | HSL | OKLCH | Closest CSS name |
|---|---|---|---|---|---|
| #2F80ED | rgb(47, 128, 237) | hsl(214 84% 56%) | oklch(60.9% 0.182 257) | No exact CSS name | |
| #2EC4B6 | rgb(46, 196, 182) | hsl(174 62% 47%) | oklch(74.2% 0.121 185) | No exact CSS name | |
| #FF006E | rgb(255, 0, 110) | hsl(334 100% 50%) | oklch(64.1% 0.257 8) | No exact CSS name |
Need to build a scheme around a HEX code? Try the color picker to fine-tune a shade, or the color palette generator to expand it into a five-color palette.
Yes. Enter RGB channel values and the converter updates the matching HEX value.
Yes. Paste multiple HEX or RGB lines into the bulk converter and it returns one converted line per color.
Invalid bulk rows are marked as invalid, and invalid single HEX input keeps the preview white until fixed.
Yes. The current HEX, RGB, and bulk input are stored in the URL when you copy the page link.
Yes. Conversions run locally in your browser without requiring an account.
Create harmonious 5-color palettes with copyable HEX, RGB, and HSL values.
Pick a color visually and copy developer-ready values.
Build clean linear gradients and copy CSS output.