Choose a color to see its HEX, RGB, and HSL values. Click any value below to copy it.
A color picker lets you choose a color visually and get back the code you actually need for CSS, design tools, or code — HEX for web and app design, RGB for screens and photo editing, HSL when you want to adjust one color while keeping the same hue or lightness.
Common uses: grabbing a brand color for a stylesheet, matching a color you saw somewhere, or converting between HEX and RGB when a tool only accepts one format.
They're three ways of writing the same color. HEX (#FF6B4A) is a compact code mostly used in web/CSS. RGB (255, 107, 74) breaks a color into red, green, and blue light values. HSL (hue, saturation, lightness) describes color the way people think about it — which makes it easier to make a color lighter, darker, or more muted without changing its hue.
No. The color conversion happens with JavaScript running in your own browser. Nothing is sent to a server or stored.