Z
ZapPebble
Color Tools

Color Picker & Palette

Inspect screen colors using browser EyeDropper API or palette picker. Instant conversions between HEX, RGB, and HSL with recent color history.

Color choices remain in local browser storage and are never uploaded.
#2563EB
Recent Palettes (0)

Selected colors will appear here automatically.

Color Formats

HEX#2563EB
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)

Channel Controls

R: 370 - 255
G: 990 - 255
B: 2350 - 255

WCAG 2.1 Contrast Checker

Check legibility of this color against white, black, or custom background colors.

Background:
Contrast Ratio5.17:1
Normal Text
WCAG AA (≥ 4.5:1):PASS
WCAG AAA (≥ 7.0:1):FAIL
Large / Bold Text
WCAG AA (≥ 3.0:1):PASS
WCAG AAA (≥ 4.5:1):PASS
Sample Regular Text (14px)Sample Large Heading (18px Bold)

Why use ZapPebble Color Picker & Palette?

Lightning Fast

Zero network latency. Everything is processed directly in your browser with optimized Web APIs.

100% Private

Your files and sensitive information never leave your computer. No cloud storage, no leaks.

Free & No Limits

No mandatory signup, no credit cards, and no artificial daily limits. Use freely anytime.

How it works

1

Pick a Color

Use the screen EyeDropper button or select any color from the interactive color spectrum.

2

View Formats

See live values in HEX, RGB, and HSL formats with contrast suggestions.

3

Copy & Save History

Click any format to copy to clipboard and preserve recent picks in your local session history.

Frequently Asked Questions

On supported Chromium browsers, the EyeDropper API allows sampling any pixel visible on your screen.
Chrome Extension Available

Use ZapPebble Directly Inside Chrome

Get instant 1-click access to Color Picker & Palette and 7 other free utilities without opening a new tab.

Related Utilities

View all tools