Pick Colors and Convert Between Formats
Choose a color visually or enter a value in hex, RGB, HSL, or CMYK and see all other formats update live. Copy any format with one click.
A daily tool for web developers and designers. Whether you're matching a brand color, converting between CSS formats, or just exploring hues, this picker has you covered.
CSS Code
color: #3b82f6;color: rgb(59, 130, 246);color: hsl(217, 91%, 60%);Color Suggestions
#f6af3c#523cf6#3ce0f6Frequently Asked Questions — Color Picker
HEX, RGB, HSL, and HSB. Pick a color in any format and see all other representations instantly.
Yes. Type a HEX code, RGB values, or HSL values directly. The picker updates to show that color.
Copy the color value in any format. The tool is designed for quick lookups — use a palette tool for collecting colors.
More Design & Color
Image Color Picker
Pick colors from any image — get HEX, RGB, and HSL values.
Color Palette Extractor
Extract dominant colors from any image using k-means clustering.
Color Palette Generator
Generate harmonious color palettes from a base color.
CSS Gradient Generator
Create beautiful CSS gradients with a visual editor.
CSS Box Shadow Generator
Design box shadows visually with live preview.