Can I pick colors from an image?

Yes! Upload any image and click anywhere on it to extract the exact color code. The eyedropper tool works on JPG, PNG, WEBP, GIF and other image formats.

What is a color palette generator?

Our palette generator creates harmonious color combinations based on color theory. It generates complementary (opposite colors), analogous (adjacent colors), triadic (three evenly spaced colors), and split-complementary palettes.

What is the difference between HEX and RGB?

HEX is a 6-digit hexadecimal representation (#FF5733) used in web design. RGB uses three decimal numbers (255, 87, 51) representing Red, Green and Blue channels. Both represent the same colors — just different notation. HEX is more common in CSS while RGB is used in design tools.

Can I save my picked colors?

Yes! You can save colors to your palette history, copy color codes to clipboard with one click, and export your entire palette for use in your design projects.

Color Picker

Q: What color formats are supported?

Our color picker supports HEX (#FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(14, 100%, 60%)), HSV/HSB, CMYK (for print), and CSS named colors. All formats update in real-time as you pick colors.

Pick colors, convert HEX/RGB/HSL, generate palettes, shades & tints instantly!

#F97316

Click to copy • Tap color values below

HEX:

Shades (Darker)

Tints (Lighter)

Complementary Palette

Analogous Palette

Triadic Palette

Saved Colors

No saved colors yet

Recent Colors

100% Private — Everything runs in your browser

How It Works

Pick Color

Use the picker or enter a HEX code.

Convert

Get HEX, RGB, HSL values instantly.

Copy & Use

Click any value to copy it.

FAQ

What color formats are supported?

HEX (#FF5733), RGB (rgb(255,87,51)), HSL (hsl(14,100%,60%)), and CSS named colors are supported.

What are shades and tints?

Shades are darker versions (mixed with black). Tints are lighter versions (mixed with white). Both are useful for creating design systems.

How do I copy a color?

Click on any color value (HEX, RGB, HSL) to copy it to clipboard. Click on palette swatches to set them as active color.