About the Color Picker
A precise color picker with instant HEX, RGB and HSL output, auto-generated shades and tints, and complementary/analogous palette suggestions. Click any value to copy it.
Designers and developers use it to grab exact color codes and build quick, harmonious palettes without opening a design app.
How to use the Color Picker
- Use the color wheel/inputs to choose a color, or paste a HEX code.
- Copy HEX, RGB or HSL with one click.
- Explore generated shades, tints and harmony palettes below.
Common uses
Grabbing exact CSS color values
Building a quick brand palette
Finding lighter/darker variants of a color
Frequently asked questions
What is the difference between HEX, RGB and HSL?
They describe the same color differently: HEX/RGB by red-green-blue components, HSL by hue, saturation and lightness — HSL is easiest for humans to adjust.
How are shades and tints generated?
Shades mix your color toward black; tints mix toward white, in even lightness steps.
Related tools
Image Compressor
Compress JPEG, PNG and WebP images locally — no uploads, no limits.
Image ToolsImage Resizer
Resize images to exact pixel dimensions or percentages, privately.
Image ToolsQR Code Generator
Create high-resolution QR codes for URLs, WiFi, text and contact info.
Image ToolsImage to Base64
Convert images to Base64 data URLs for embedding in HTML, CSS or JSON.
Image Tools