🎨 Color Picker & Image HEX Extractor
Pick colors · Extract from images · Generate palettes & gradients · HEX / RGB / HSL / CMYK · WCAG contrast · CSS export
🎨 Color Picker
#8b5cf6
🔄 Color Formats
HEX
RGB
HSL
HSV
CMYK
Tailwind
💻 Developer Export
/* CSS */
color: #8b5cf6;
background-color: #8b5cf6;
/* SCSS */
$color-primary: #8b5cf6;
/* Tailwind config */
'primary': '#8b5cf6',
color: #8b5cf6;
background-color: #8b5cf6;
/* SCSS */
$color-primary: #8b5cf6;
/* Tailwind config */
'primary': '#8b5cf6',
♿ Accessibility & Contrast
Against White (#ffffff)
—
:1
Against Black (#000000)
—
:1
Readable Text Color
Sample text on this color
🕐 Color History
No colors picked yet
🎭 Quick Shades
ℹ️ Note: Colour values are estimated representations based on standard colour space formulas. Monitor calibration, colour profiles, and rendering engines may cause visible differences. WCAG contrast ratios are calculated using the W3C relative luminance formula. This tool is for informational and design reference purposes only.