Hover to detect colors on any page. Pick with EyeDropper, convert between hex/rgb/hsl, generate palettes, check WCAG contrast. A complete color toolkit.
Activate the picker, hover over any element. Tooltip shows text color, background, and border with hex values and swatches.
FREEUse the browser's native EyeDropper API to sample any pixel on screen. Works across tabs and even outside the browser.
FREEInput any color (hex, rgb, hsl, or named like "tomato") and instantly see it in all formats. Click to copy.
FREELast 20 picked colors saved as a clickable grid. Quick access to your most-used colors.
FREEExtract all colors used on the current page, sorted by frequency. Export as CSS variables, SCSS, Tailwind, or JSON.
PROCheck contrast ratio between any two colors. See AA and AAA pass/fail badges with live preview text.
PROGenerate complementary, analogous, triadic, and split-complementary palettes from any base color via HSL rotation.
PROFind all CSS custom properties with color values across all stylesheets. See swatches and copy variable names.
PRO