Quick answer
What is ColorLens?
Use ColorLens to pick a colour, enter a HEX value, upload an image, find the closest recognised real colour name, compare exact and closest matches, extract palettes, and check accessible colour contrast.
ColorLens
Pick a colour, upload an image, find its real colour name, compare exact and closest recognised matches, and build palettes for design work.
Confident choices start with true-to-life colour understanding.
#87AE73
Real colour names
XKCD colour survey
Closest recognised match
Exact named match
Recent & favourites
0 saved locally
Your palette preview
Quick answer
Use ColorLens to pick a colour, enter a HEX value, upload an image, find the closest recognised real colour name, compare exact and closest matches, extract palettes, and check accessible colour contrast.
Guide
Use ColorLens to pick a colour, enter a HEX value, upload an image, find the closest recognised real colour name, compare exact and closest matches, extract palettes, and check accessible colour contrast.
ColorLens separates the exact picked colour from the closest recognised named reference and shows the colour-name source plus match similarity.
Upload JPG, PNG, or WebP images, inspect pixels with an eyedropper-style workspace, and collect multiple colours from one image.
Extract dominant image palettes, generate complementary, analogous, triadic, monochromatic, and gradient palettes, then download CSS, JSON, CSV, or palette notes.
Check text and background contrast, see WCAG readability results, and get a black or white text recommendation.
Related tools
Jump into the next useful tool with a quick dock-style shortcut.
Color
Color
Color
Questions, answered
Quick answers to the most common questions about using this tool in real browser workflows.
Still need help? Contact us