p+pathadd.com Local processing · No image uploads

Color palette COLOR LAB

Choose colors that feel right to you.

Pick a color

COLOR PICKER

Current color

COLOR VALUES

Enter #RGB or #RRGGBB, then apply.

RGB
HSL

Text contrast

WCAG
A clear contrast sample

The current color is the text color, compared against this background.

Contrast ratio

AA: normal text at least 4.5:1, large text 3:1. AAA: normal text 7:1. Pass/fail uses the unrounded ratio.

Color harmonies

Select a swatch to use it, or collect it in your palette.

Sample an image

PNG, JPG or WebP, up to 10 MiB and 16 million pixels. Click to sample, or paste a screenshot. Transparent pixels are composited over white.

Import an image to sample its colors.

My palette 0

Add colors to your palette. They remain on this page only; download the CSS before refreshing.

Ready. Data stays in this browser.
About this tool

Image color picking, color conversion and palettes

What does this tool do?

Edit HEX, RGB and HSL colors locally, sample pixels from images or pasted screenshots, generate palettes, collect colors and export CSS. Check WCAG text contrast and use screen sampling where your browser supports it.

How to use it

  1. Enter HEX, RGB or HSL, or sample an image or pasted screenshot.
  2. Check colors, palettes and text contrast. Screen sampling requires browser support.
  3. Collect the colors you need and export CSS before refreshing.

Data handling and limits

HEX accepts three or six digits, without alpha. PNG, JPEG and WebP images: up to 10 MiB, 16 million pixels and 8,192 pixels per side. Transparent pixels are composited on white. Screen sampling depends on browser support. Images and palettes are not uploaded or saved automatically; export before refreshing.

Related tools