Marks, UI chrome, and guidelines — still just pixels
Logos
Prefer SVG or a PNG with clean edges. Sample the fill, not the anti-alias halo.
UI screenshots
OS overlays and compression shift colors. Sample several times.
Color Picker Cluster
Designer Color Picker
Selected color
HEX
HSL
Advanced pickers
Image canvas sampling · Interactive color board · Multi-format output
Image sampler
Color board
Hue217°
Color formats
HEX
RGB
HSV
HSL
CMYK
Color variations
Shades mix pure black · Tints mix pure white · Click to copy & apply
Shades (black mix)
Tints (white mix)
Color harmonies
Theory-based palettes from your selected hue
Harmony wheel
WCAG contrast checker
Background uses your globally selected color · Evaluate text readability
Contrast ratio
3.68
Normal text
Fail
Small text
Fail
Large text
Pass AA
The quick brown fox jumps over the lazy dog
Sample body text on your selected background. Large text is typically 18pt+ regular or 14pt+ bold.
100% client-side · Canvas pixel sampling · No uploads
Need the main tool? Color Picker
Written by Safaat Rahman Siham, Founder & Developer at Convertify4u. Contact us.
How it works
- 1
Drop the cleanest export you have
Not a photo of a monitor if you can help it.
- 2
Sample fills, not strokes of mixed pixels
Magnifier on.
- 3
Record the hex in the actual guideline file
Figma, Notion, a README. We do not host your brand book.
Use cases
Rebuilding a lost brand hex
From a PNG the client still has.
Matching a competitor screenshot for a mood (ethically)
A hex, not a stolen kit. Then you design your own UI.
Icon sets
Sample the grid color, not the shadow.
Problems we solve
JPEG wordmarks
Mosquitoes around type. Vectors, please.
Calling a sampled hex “Pantone 186”
It is a screen hex. Mapping to ink is a separate job.
Uploading the whole brand ZIP to a cloud picker
Keep it local.
Related guide
Trust & technology
Local
Unreleased marks stay in the tab.
Not a DAM
Copy and leave.
Pixel spoke if you need one thread
Palette spoke if you want a set from a photo.