RGB to Hex Converter

Take each channel value (Red, Green, Blue) from 0 to 255 and write it as a two-digit base-16 number, padding with a leading zero when needed. Concatenate the three pairs after a hash, in red, green, blue order. For example, RGB(255, 87, 51) becomes ff, 57, and 33, which join to #ff5733.

Each channel is a whole number from 0 to 255, which is one 8-bit byte. That gives 256 levels per channel and 256 to the power of 3, or 16,777,216, total colors. This converter rejects values below 0, above 255, or with a decimal point.

CSS allows a 3-digit shorthand only when both hex digits of every channel are identical. For instance #ffcc00 collapses to #fc0 because ff, cc, and 00 each repeat a single digit. A color like #ff5733 cannot be shortened, since 57 and 33 use two different digits.

No. Hex color codes work the same in lowercase or uppercase, so #ff5733 and #FF5733 describe the identical color. Lowercase is the common convention in CSS, but uppercase is provided here in case your style guide prefers it.

They encode the same color in two notations. The hex code packs each channel into base 16 (#ff5733), while the rgb() string lists the decimal values (rgb(255, 87, 51)). Browsers treat both as equivalent, so you can use whichever your stylesheet or design tool expects.