Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats.
Learn more about this tool
How to Use
Use the color picker to visually select a color, or type values directly into the HEX, RGB, or HSL fields. All formats stay in sync — changing any one updates the others and the preview swatch instantly. Click Copy next to any format to copy that value.
Color Formats Explained
HEX (#RRGGBB) is the most common format in web development and design tools. RGB (rgb(r, g, b)) defines colors by red, green, and blue channel values from 0 to 255. HSL (hsl(h, s%, l%)) uses hue (0–360°), saturation, and lightness — often more intuitive for adjusting brightness and tone.
When to Use Each Format
Use HEX in CSS, SVG, and design handoffs. RGB is ideal when working with image processing or programmatic color manipulation. HSL is helpful when you need to create color palettes by varying saturation or lightness while keeping the same hue.