HEX to RGB & RGBA String Converter

Hexadecimal color codes use base-16 arithmetic (0 through F) to represent 8-bit color intensities ranging from 0 to 255 in decimal. In a standard #RRGGBB format, each two-character pair represents a single primary color channel: the first pair controls red, the middle controls green, and the final pair controls blue. When you provide a 3-digit shorthand code like #4A8, the parser duplicates each character (#44AA88) before computing the decimal values rgb(68, 170, 136).

Modern browsers and CSS Color Module specifications support 8-digit hexadecimal notation (#RRGGBBAA), where the fourth byte represents alpha transparency:

• Calculating Decimal Alpha: The final two hex digits are converted to decimal and divided by 255. For instance, 80 in hex evaluates to 128 / 255 ≈ 0.50 (50% opacity).
• Syntax Differences: Legacy CSS accepts rgba(r, g, b, a) while modern CSS Color Level 4 allows space-separated notation rgb(r g b / a). Both formats are generated simultaneously for maximum stylesheet compatibility.

Storing base color values as decimal RGB channels inside CSS custom properties enables developers to create dynamic opacity variations on demand. By declaring --brand-rgb: 59, 130, 246;, you can produce solid buttons, semi-transparent hover states, and frosted glass cards without defining separate hex codes for every transparency level.