Pick any color. Get HEX, RGB, HSL values instantly. Free for designers and developers.
Drag the sliders to adjust red, green, and blue values (0-255). Or click the color swatch for a visual picker. Type a HEX code like #FF5733 and press Enter. Click any value box to copy it to your clipboard.
HEX — Web standard. Six characters: #RRGGBB. Used in CSS and HTML.
RGB — Red Green Blue values 0-255. Used in CSS: rgb(142,45,226).
HSL — Hue (0-360), Saturation (0-100%), Lightness (0-100%). Intuitive for designers.
Pick a Color: Use the interactive color wheel or enter a HEX code (e.g., #FF5733). The tool shows the color in HEX, RGB, and HSL formats simultaneously. Copy Values: Click any format to copy it to your clipboard — paste directly into CSS, design tools, or code. Color Harmonies: Explore complementary, analogous, and triadic color schemes for design projects. Design Tip: HEX is best for CSS/HTML, RGB for graphic design software, HSL for intuitive brightness/saturation adjustments.