Color Code Lookup

How to use it

Type or paste a color code into the input field. The parser recognizes the format automatically: HEX with or without the # sign (3, 4, 6 or 8 digits), rgb()/rgba() with comma, space or slash separators, and hsl()/hsla() including deg/rad/turn hue units. The result updates on every keystroke — there is no button to press.

The preview shows a large swatch of the resolved color plus a value list with HEX, RGB and HSL readouts. Each row has its own copy button, and Copy all places the three values on your clipboard at once.

• Format auto-detection as you type
• HEX, RGB and HSL conversions in a single view
• Alpha channel support with a percentage readout
• One-click copy per value, or all three together

Practical uses

Design handoffs often mix notations: a brand book specifies HEX, the developer writes rgb() in CSS, and the motion tool exports HSL. Pasting each value here confirms they all resolve to the same color before a mismatch reaches production.

When debugging a "slightly wrong" UI color, paste the suspect value from DevTools and compare the swatch against the design. It is the fastest way to find out whether the problem is the value itself or the layer painted above it.