Color Picker
Pick and preview colors live, then copy HEX, RGB, RGBA, HSL, and HSLA codes for web, apps, and visual design.
rgb(52, 152, 219)
rgba(52, 152, 219, 1)
hsl(204, 70%, 53%)
hsla(204, 70%, 53%, 1)
How to use the color picker
Use the system color control or type a HEX value to preview live and get common web color formats. Copy any format into CSS, design tools, or component props.
- Outputs HEX, RGB, RGBA, HSL, and HSLA at once
- Live preview reduces mismatch between code and what you see
- Random colors help you explore ideas quickly
- No plugins — works on desktop and mobile
FAQ
Which formats are supported?
Supports HEX, RGB, RGBA, HSL, and HSLA — ready for CSS, Canvas, and most design/dev tools.
Is the color saved to the cloud?
No. Color math runs only in this browser and is never uploaded, even after refresh or closing the page.
Does the HEX value need a #?
Prefer standard #RRGGBB, e.g. #07877F. Correct format keeps RGB and HSL results in sync.