Design Tools Suite Design Tools

Screen Color Picker & Palette Tool

Pick a color from another tab or screen, build a palette, inspect contrast, and sample colors from a dropped image.

Screen-wide picking depends on browser support for the EyeDropper API and usually requires a secure context.
No color selected Group: -- Closest known color: --
#FFFFFF
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Ready.

Palette Analysis

Switch between complementary, color group shades, and related colors in one focused workspace.

Detected family: Neutral

Saved Swatches

Keep useful colors, reload them instantly, and compare them side by side.

No saved swatches yet.

Contrast Checker

Useful for UI work and readability checks.

Compare Saved Colors

Select up to 3 saved colors to compare hue, lightness, and distance from the current selection.

Save colors and choose Compare on any card.

Image Drop Sampler

Drop or load an image, then click inside it to sample a color without leaving the page.

Drop an image here or use Load Image.
Once loaded, click on the image to sample a pixel.
No image loaded.