Extract every color from any web page. View swatches sorted by frequency, copy values, convert between HEX/RGB/HSL, export palettes, and audit contrast.
Scans every DOM element's computed styles — backgrounds, text, borders, shadows, outlines — and collects every unique color in one click.
FREEColors are displayed as a visual grid sorted by usage count. See your page's dominant palette at a glance.
FREEClick any swatch to instantly copy its color value to the clipboard. HEX by default, or whichever format you have selected.
FREEDisplays total unique colors and highlights the top 10 most used. Filter the view to focus on what matters.
FREESwitch between HEX, RGB, and HSL display with one click. All copied values match the selected format.
FREEType a hex code, RGB value, or any keyword to instantly filter the palette. Find the exact color you need.
FREEExport your palette as CSS custom properties, SCSS variables, Tailwind config, or raw JSON. Ready to paste into your project.
PROSelect any color and see complementary, analogous, triadic, and split-complementary harmonies generated instantly.
PROPick any two colors and check AA/AAA compliance in real time. See the contrast ratio and a live text preview.
PROCluster similar shades together by hue family — reds, blues, grays, etc. See how your palette is distributed.
PROFlag colors that are too similar, identify low-contrast text/background pairs, and find potential accessibility violations.
PROTrack palettes from multiple sites. Revisit past extractions to compare color systems across projects.
PRO