Color Palette

Convert color codes, pick colors from your screen, and extract palettes from images.

How to use

  1. 1. Click Start Eyedropper, then choose a tab, window, or screen to share in the browser dialog.
  2. 2. Click the color you want in the captured screen.
  3. 3. Check and copy the HEX, RGB, and HSL codes.

Grab a color from elsewhere

You can also grab colors from other tabs and apps, like websites, chat apps, and PDFs.

Button → share dialog → click a color (3 steps)

or from a screenshot or image

Upload a screenshot

PNG · JPG · click, then pick a color

Color codes

Shades

Harmony colors

Click a palette color to switch to it. Clicking a HEX code copies it.

About this tool

Color Palette converts HEX/RGB/HSL and helps pick harmonious UI colors.

Contrast beats novelty for buttons and body text. Pick a brand primary, then derive tints/shades so the UI stays consistent.

Tip — Check text/background contrast for accessibility as you pick colors.

How to use

  1. 1Enter URL, text, or options.
  2. 2Click generate to create the result.
  3. 3Download the image or copy the text.

FAQ

Convert HEX/RGB/HSL?

Yes—enter one format and copy the others.

Extract from an image?

Use palette extraction if available; otherwise sample in a design tool.

Accessibility contrast?

Use an on-page checker if provided, or verify text/background pairs externally.

Are files uploaded to a server?

No. Every tool runs entirely in your browser. Files and text you enter are never sent to our servers.