Random Color Generator

Random Color generates a single random color and displays its HEX, RGB, and HSL representations side by side, each with its own copy button. A large preview swatch shows the color visually.

1. Click Generate to produce a new random color. 2. View the swatch at the top of the card. 3. Copy any of the three formats (HEX, RGB, HSL) by clicking the copy icon next to its row.

Each channel (R, G, B) is chosen uniformly from 0-255 via Math.random(). The HEX value is formatted as #rrggbb with zero-padded lowercase hex. RGB is shown as rgb(r, g, b). HSL is derived from the RGB triplet using the standard max/min-chroma formula and rounded to whole degrees/percent (e.g. hsl(206, 74%, 52%). There is no hue, saturation, or lightness constraint — every RGB color is equally likely.