Interface blue
- Input
- rgb(14, 165, 233)
- Expected output
- #0ea5e9
14 in hex is 0e, 165 is a5 and 233 is e9: the three padded pairs form the 0ea5e9 token, common in modern UIs.
Carregando ferramenta… / Loading tool…
rgb to hex
Design systems, CSS and HTML expect a single six-character string, not three loose numbers. This page starts from rgb(14, 165, 233) and produces the ready-to-use token, while also covering the two most common issues: a channel outside the 0-255 range and fractional values coming from another tool.
14 in hex is 0e, 165 is a5 and 233 is e9: the three padded pairs form the 0ea5e9 token, common in modern UIs.
The highest channel value, 255, is always FF; repeated across all three channels it is the simplest case to check.
14.6 rounds to 15 (0f), 165.4 rounds to 165 (a5) and 300 gets clamped to 255 (ff): rounding and clamping both happen before the hex conversion.
Yes. The idea is to show equivalent representations of the same color in different notations, making it easier to use the value across CSS, design systems, visual documentation and design-to-code workflows. You type in one format and get all the others synchronized at once, including HSV, CMYK, LAB and XYZ.
Figma sometimes exports channels between 0 and 1 (a fraction of the byte), not 0 to 255. If you paste that value without multiplying by 255 first, the converter reads a near-zero number per channel and the resulting HEX comes out far too dark.
Outside of raw CSS, yes, it usually signals a color-blend calculation that overshot. The converter does not reject the value, it clamps it to 0 or 255 before generating the HEX, so the final token quietly absorbs the overshoot.
No, CSS treats #0ea5e9 and #0EA5E9 as the same color. Lowercase is just the more common style convention in code, the browser ignores the case of the six hexadecimal characters.
#0ea5e9#0ea5e9ffrgb(14, 165, 233)Conversion is purely mathematical and local. Nothing is sent to any server.