#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
About Color Picker
Pick any color and instantly get its HEX, RGB, and HSL values for use in CSS, design tools, and development projects. The visual color picker lets you select colors precisely, while the value fields update in real time.
Designers and developers use this tool to match brand colors, build color palettes, and convert between color formats without manual calculation.
How to Use Color Picker
- 1Click the color swatch or use the color picker to select a color visually.
- 2View the HEX, RGB, and HSL values update automatically in the output fields.
- 3Type a HEX or RGB value directly to jump to a specific color.
- 4Copy any color value format to use in your CSS, Figma, or code editor.
Related Developer Tools
View all Developer ToolsMore Free Tools
File Converter
Document Converter
Convert documents files between DOC, DOCX, HTML, PDF, TXT formats
Open Tool
File Converter
Image Converter
Convert images files between AVIF, GIF, HEIF, ICO, JPEG, JPG, PNG, TIF, TIFF, WEBP formats
Open Tool
File Converter
Video Converter
Convert videos files between AVI, DVR, MKV, MOV, MP4, WEBM formats
Open Tool