Are my uploaded images private and secure?

Yes, 100%. All processing is performed entirely client-side inside your browser via HTML5 Canvas. No image data is ever transmitted to or stored on any server.

How can I quickly paste a screenshot directly into the tool?

Simply press the PrintScreen key (or Win + Shift + S on Windows, Cmd + Shift + 4 on Mac) to copy a screenshot, open this page, and press Ctrl + V (or Cmd + V). The image will immediately render on the canvas.

What is the difference between RGB, HEX, and CMYK?

RGB and HEX are additive light models used on digital displays and websites. CMYK is a subtractive pigment model used in commercial physical printing.

What does the WCAG contrast score (AA / AAA) mean?

The WCAG standard defines minimum contrast ratios between foreground text and background colors. Level AA ensures good readability (4.5:1 for regular text), while Level AAA guarantees optimal high-contrast clarity (7.0:1).

How do I export the extracted dominant color palette?

In the Dominant Palette section, click "Copy as CSS Variables", "Copy as JSON Array", or "Copy HEX List" to instantly copy the formatted code to your clipboard.

What image formats are supported?

The tool supports all major formats including PNG, JPG/JPEG, WebP, SVG, AVIF, BMP, and GIF.

Image Color Picker & Eyedropper Online | HEX, RGB, CMYK

Drag & Drop your image here or click to browse

Direct clipboard paste supported with Ctrl + V (JPG, PNG, WebP, SVG, AVIF)

#FFFFFF

rgb(255, 255, 255)

🔍 Hover with 10x loupe – click pixel to lock color

📐 0 × 0 px 📍 X: 0, Y: 0

🖼️ Image

🎨 Dominant Image Color Palette:

🔍 Locked Color Formats & Analysis:

RoyalBlue (100%)

#1D4ED8

W3C Name: RoyalBlue

Luminance: 42%

Text Contrast: Light Text

WCAG Rating: AAA (Pass)

HEX (DIDŽIOSIOMIS)#RRGGBB

HEX (mažosiomis)#rrggbb

RGB0-255

RGBAAlpha 1.0

HSLHue, Sat, Light

HSV / HSBHue, Sat, Val

CMYK (Spaudai)Cyan, Mag, Yel, Key

Dešimtainis (Int)0-16777215

W3C / CSS VardasArtimiausias

♿ WCAG 2.1 / 2.2 Accessibility & Contrast Inspector:

Luminance: 0.124

⚪ White Text (#FFFFFF) 5.42 : 1

Sample white typography on this background color.

AA Pass (4.5:1) AA Large (3.0:1) AAA Pass (7.0:1)

⚫ Black Text (#000000) 3.88 : 1

Sample black typography on this background color.

AA Fail AA Large (3.0:1) AAA Fail

💡 Recommendation: Use White text (#FFFFFF) for optimal accessibility compliance.

🌈 Color Harmonies & Tints (click to sample/copy):

Complementary +180°

Analogous ±30°

Triadic +120° / +240°

Tints & Shades 10% - 92%

🕒 Color History Tray (up to 16 colors):

Click on the image to save colors to history.

Extract Colors from Any Image with Pixel Precision. When designing user interfaces (UI/UX), building digital brand assets, illustrating artwork, or preparing commercial print files, extracting exact color codes from photographs, logos, UI screenshots, or nature scenes is an everyday necessity. This tool provides a high-DPI 10x pixel magnifier loupe with a target grid, ensuring 100% color sampling accuracy across all essential digital and print formats: HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, Decimal, and official W3C color names.

1. Digital Color Models: RGB, CMYK, HSL, and HEX

Different media and computing platforms rely on distinct mathematical color spaces:

RGB & RGBA (Additive Light Model): Used by all digital screens (monitors, smartphones, TVs). Colors are formed by blending Red (R), Green (G), and Blue (B) light channels from 0 to 255. RGBA includes an additional Alpha transparency channel.
HEX Codes: Hexadecimal representations of RGB (e.g., #1D4ED8), serving as the universal standard across web technologies (HTML and CSS). The pairs correspond to Red, Green, and Blue intensities.
HSL & HSV / HSB: Human-intuitive representations describing colors through Hue (0–360°), Saturation (0–100%), and Lightness/Value (0–100%). HSL and HSV are the standard color pickers in design software like Figma and Adobe Photoshop.
CMYK (Subtractive Pigment Model): Used in physical offset printing and publishing. Colors are created by absorbing light through Cyan, Magenta, Yellow, and Key/Black ink mixtures on white paper.

2. Pixel Magnifier Loupe for Microscopic Accuracy

Standard browser color pickers often suffer from imprecise cursor sampling, particularly around fine text, anti-aliased vector edges, or micro-textures. This tool features a dedicated 10x pixel magnifier loupe rendering an 11×11 pixel grid. Each individual pixel is clearly demarcated, and a high-contrast center reticle enables pinpoint color locking with zero guesswork.

3. Automatic Dominant Color Palette Extraction

Upon uploading an image, the tool executes spatial color quantization and cluster filtering to automatically isolate 6–8 of the most dominant and distinct colors. Each extracted swatch displays its exact HEX code and percentage coverage within the image. Designers can export the complete palette as native CSS custom properties, a JSON array, or a comma-separated HEX list with a single click.

4. WCAG 2.1 & 2.2 Accessibility & Contrast Analysis

Web accessibility compliance is a core requirement of modern web development. Under the W3C Web Content Accessibility Guidelines (WCAG), text must maintain a sufficient contrast ratio against its background to ensure readability for users with visual impairments:

WCAG AA (Normal Body Text): Requires a contrast ratio of at least 4.5 : 1.
WCAG AA (Large Text & UI Components): Requires a contrast ratio of at least 3.0 : 1.
WCAG AAA (Enhanced Contrast): Requires a contrast ratio of at least 7.0 : 1.

Our tool automatically calculates the relative luminance of the sampled color according to the official W3C formula and provides instant recommendations on whether light or dark typography achieves optimal compliance.

5. 100% Client-Side Privacy & Security

All image processing, pixel extraction, and color calculations occur entirely inside your web browser via HTML5 Canvas and JavaScript. Your images, screenshots, and artwork are never uploaded to or stored on any external server, ensuring absolute privacy for sensitive design assets and personal photos.

Image Color Picker & Eyedropper Pro