Color Picker Extension
Inspect, pick, convert, and orchestrate color palettes with pixel-accurate eyedropper precision, dynamic harmonies, WCAG contrast validation, and seamless CSS export.
#7C0E44
Velvet Wine / Deep Berry
Color Picker & Spectrum
Interactive 2D Canvas
Brand & Specified Palette
Click to load
Color Format Converter
Two-Way Sync
HEX
RGB
RGBA
HSL
HSLA
CMYK
Recent History & Saved Favorites
Pick Colors from Any Image
Hover over image for precision 9x zoom loupe. Click any pixel to sample.
#7C0E44
Dominant Palette Extracted from Image
Generated CSS
background: linear-gradient(90deg, #7C0E44 0%, #AA5E7A 100%);
Curated Palette Gradients
90°
Paste Code / Stylesheet
Paste any CSS stylesheet, HTML template, or SVG code to extract all color hexes, rgb, and hsl declarations.
Extracted Colors (0 found)
Color Harmony Wheel
360° Color Spectrum Position
Current Angle: 331°
Complementary (+180°)
High contrast opposing harmony
Analogous (-30°, 0°, +30°)
Calm, adjacent natural flow
Triadic (0°, +120°, +240°)
Vibrant balanced triangle
Split Complementary (0°, +150°, +210°)
Nuanced visual depth
Lighter Tints (Towards White)
10% to 90% White Blending
Darker Shades (Towards Black)
10% to 90% Black Blending
WCAG 2.1 Contrast Checker
Evaluate legibility against Web Content Accessibility Guidelines (WCAG AA & AAA standard).
4.82:1
Relative Contrast Ratio
Normal Text (AA 4.5:1)
PASS
Normal Text (AAA 7:1)
FAIL
Large Text (AA 3:1)
PASS
UI Graphics (AA 3:1)
PASS
Simulated Visual Preview
Headline Typography
Good color contrast guarantees readability across modern displays and helps individuals with low vision or color vision deficiencies comfortably digest content.
Caption (12px, Regular)
Export CSS & Variables
Copy production-ready design tokens formatted for modern web frameworks.
Copied to clipboard
#7C0E44