Palettify — Website Color Extractor

Extract color palettes from any website. Get HEX, RGB, HSL values. Copy, export, and analyze colors instantly.

Palettify — Website Color Extractor Extract the complete color palette from any website in one click. Whether you're a designer seeking inspiration, a developer matching brand colors, or a student learning about color theory — Palettify gives you instant access to every color on any webpage. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ HOW IT WORKS 1. Navigate to any website 2. Click the Palettify icon in your toolbar 3. Instantly see every color used on that page 4. Click any color to copy it to your clipboard 5. Export your palette in your preferred format That's it. No configuration. No accounts. No bloat. Just open it and go. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FREE FEATURES (No account required, works forever) Color Extraction Palettify scans the entire page — backgrounds, text, borders, shadows, gradients, and more — to build a comprehensive color palette. Similar colors are intelligently grouped together so you get a clean, deduplicated list without dozens of near-identical shades. Up to 15 Colors The free version extracts and displays up to 15 unique colors sorted by how frequently they appear on the page. The most dominant color is highlighted with a star so you can immediately identify the primary brand color. Multiple Views Switch between Grid view for a quick visual overview, or List view for detailed information about each color including its value and usage count. Three Color Formats Toggle between HEX, RGB, and HSL color formats with a single click. Every color value is displayed in your preferred format across the entire interface. Click-to-Copy Click any color swatch — in grid view, list view, or anywhere in the extension — and the color value is instantly copied to your clipboard. A confirmation toast lets you know it worked. CSS Variables Export Export your entire palette as a ready-to-use CSS custom properties block. Paste it directly into your stylesheet and start using your colors immediately. Each variable includes a comment with the color's approximate name for easy reference. Sort by Usage Colors are sorted by how frequently they appear on the page, so the most important colors are always at the top. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PRO FEATURES (One-time purchase, lifetime access) Upgrade to Palettify Pro to unlock the full toolkit. No subscriptions, no recurring fees — pay once and it's yours forever. Full 40-Color Extraction Pro unlocks the complete palette with up to 40 unique colors extracted from every page. Perfect for complex websites with rich color systems where 15 colors just isn't enough. All Five Export Formats Go beyond CSS variables with four additional export formats: • SCSS Variables — Ready for your Sass workflow with $variable syntax • JSON — Structured data with HEX, RGB, HSL, color name, and usage count for every color • Tailwind Config — Drop-in color configuration for your tailwind.config.js • SVG Palette — A visual SVG swatch strip you can save, share, or embed in design docs Advanced Sorting Sort your palette four different ways: • Usage — Most frequently used colors first (also available in free) • Hue — Arrange colors across the color wheel for a rainbow-ordered view • Lightness — Sort from darkest to lightest (or reverse) for quick contrast scanning • Name — Alphabetical order by color name for easy lookup Color Name Labels Every swatch displays its approximate color name (from a database of 90+ named colors) right on the interface. In list view, names appear below each color value. In grid view, names show in the hover tooltip. No more guessing if that blue is "Royal Blue" or "Cornflower." WCAG Contrast Checker Test any two colors from your extracted palette for accessibility compliance. The contrast checker shows: • The exact contrast ratio (e.g., 4.53:1) • A visual ratio bar • A live text preview with your chosen foreground and background • Pass/fail results for all four WCAG criteria: AA Normal, AA Large, AAA Normal, and AAA Large Simply click the foreground and background slots, then pick colors from the mini palette. Results update instantly. Color Harmony Generator Select any color from your palette and instantly see five types of color harmonies: • Complementary — The opposite color on the color wheel • Analogous — Two neighboring colors for subtle, cohesive schemes • Triadic — Three evenly spaced colors for vibrant, balanced palettes • Split Complementary — A softer alternative to complementary with two adjacent colors • Tetradic — Four colors forming a rectangle on the color wheel for rich schemes Every harmony swatch is clickable to copy its HEX value. Palette History Save extracted palettes for later. Every saved palette records the website URL, page title, date, and a preview of the colors. Load any saved palette to revisit it, or delete palettes you no longer need. Your history is stored locally and persists across browser sessions. Save up to 50 palettes. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ HOW TO UPGRADE TO PRO 1. Click the gear icon in the Palettify header (or try to use any locked feature) 2. In the upgrade window, click "Get License Key" 3. Complete your one-time purchase on our secure payment page 4. You'll receive a unique license key 5. Paste your key into Palettify and click Activate 6. All Pro features unlock instantly Your license is stored locally, so Pro works even when you're offline. You can deactivate and reactivate your key at any time from the settings panel. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ WHO IS PALETTIFY FOR? Web Designers Quickly extract color palettes from websites you admire. Use the harmony generator to explore complementary color schemes. Export palettes in any format your workflow requires. Front-End Developers Copy exact color values in HEX, RGB, or HSL. Export as CSS variables, SCSS, Tailwind config, or JSON. Check contrast ratios for accessibility compliance before shipping. UI/UX Designers Analyze how other products use color. Save palettes from competitor websites. Use the contrast checker to ensure your designs meet WCAG accessibility standards. Brand Designers Extract and document brand colors from existing websites. Export palettes in multiple formats for brand guidelines. Use color naming to create consistent color vocabularies. Students and Educators Learn about color theory by exploring real-world color usage. Understand color harmonies with the built-in generator. See how popular websites apply color in practice. Content Creators Find color inspiration from any website. Build consistent color themes for your content. Save and organize palettes for different projects. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ PRIVACY AND PERMISSIONS Palettify requests only the minimum permissions required: • activeTab — To access the current page and extract its colors (only when you click the extension) • scripting — To run the color extraction script on the page • storage — To save your Pro license status and palette history locally Palettify does NOT: • Collect or transmit any personal data • Track your browsing activity • Access any page you haven't explicitly opened the extension on • Send your color data to any server • Require an account or login All data stays on your device. The only network request Palettify makes is a one-time license key verification when you activate Pro. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ TECHNICAL DETAILS • Manifest V3 compliant • Lightweight — minimal impact on browser performance • Works on any webpage (not available on chrome:// or extension pages) • Color extraction covers: background colors, text colors, border colors, outline colors, box shadows, and gradient colors • Smart deduplication merges near-identical colors (within a distance threshold of 12 in RGB space) • Color names matched via Euclidean distance against a curated database of 90+ named colors • Relative luminance calculated per WCAG 2.0 specification for accurate contrast ratios ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ SUPPORT Having issues? Found a bug? Have a feature request? We'd love to hear from you. Leave a review or reach out and we'll get back to you as soon as possible. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Free to use. Pro to master. Try Palettify today.