One hex color, expressed with and without transparency
#0EA5E9 converts to rgb(14, 165, 233) -- the three color channels in decimal -- and with an alpha of 0.85, to rgba(14, 165, 233, 0.85), ready to paste directly into CSS.
Each hex color pair converts directly to its decimal equivalent: 0E (hex) = 14 (decimal), A5 = 165, E9 = 233 -- hex uses base-16 notation specifically because two hex digits map cleanly to exactly one byte (0-255), the same range each RGB channel uses.
Adding the alpha channel (0.85 here) doesn't change the underlying color at all -- rgb(14, 165, 233) and rgba(14, 165, 233, 0.85) represent the identical color, with rgba simply adding a transparency layer on top when rendered against whatever sits behind it.
What this tool covers, and where to go for the reverse or other formats
Hex to rgba only. Bidirectional HEX/RGB/HSL lives on Color Code Converter. This tool converts specifically from hex to rgb/rgba -- it doesn't convert in the reverse direction (rgb back to hex) or handle HSL format at all, both of which are covered by a separate, more general color code converter tool.
An alpha value of 1 (fully opaque) makes rgba functionally identical in appearance to the plain rgb() version -- the alpha channel only visually matters when it's less than 1, letting whatever is behind the element show through partially.
The generated CSS snippet applies the same rgba value to both color and background properties as a convenience -- in practice, you'd typically only use one or the other for any given element, picking whichever CSS property actually applies to what you're styling.
Related color-format conversion tools
For converting from HSL (hue, saturation, lightness) values to hex instead of starting from a hex code, the HSL/HSLA to HEX Converter handles that different starting format.
For converting from CMYK (the print color model) to RGB/hex, the CMYK to RGB/HEX Converter is the related tool for that different color model.
Frequently Asked Questions (FAQ)
How does hex #0EA5E9 convert to rgb(14, 165, 233)?
Each pair of hex digits converts to its decimal equivalent: 0E = 14, A5 = 165, E9 = 233. Hex uses base-16 notation because two hex digits map cleanly to one byte (0-255), the same range each RGB channel represents.
Does adding an alpha value change the actual color?
No. rgb(14, 165, 233) and rgba(14, 165, 233, 0.85) represent the identical underlying color -- alpha only adds a transparency effect visible when the element is rendered against whatever sits behind it, not a color change itself.
Can this tool convert rgb() values back to hex?
No. Hex to rgba only. Bidirectional HEX/RGB/HSL lives on Color Code Converter. This converter works in one direction only, from hex to rgb/rgba. For bidirectional conversion between hex, RGB, and HSL, use the separate, more general Color Code Converter tool.
What does an alpha value of exactly 1 mean?
Fully opaque -- at alpha 1, the rgba color looks visually identical to the plain rgb() version with no transparency effect. The alpha channel only becomes visually noticeable when set below 1.
Why does the generated CSS snippet include both color and background properties?
It's a convenience showing the same value applied to two common CSS properties -- in practice you'd typically use whichever single property actually applies to what you're styling (text color vs. background), not both simultaneously on the same element.
