~/shahriyar

Hire me on Upwork

Color Palette Extractor

Pull a beautiful color palette from any image — drag to reorder, check contrast, simulate color-blindness, export CSS/Tailwind/.gpl.

color-palette.js

runs in your browser · nothing uploaded

Nothing is uploaded. Images are analysed entirely in your browser.

Source image

Drop an image here or click to choose JPG, PNG, WebP, GIF — or just generate a palette below

or try a sample:

Controls

Colors 6

Sort by

Harmony generator

Base color

Scheme

Lock the swatches you like, then regenerate to shuffle the rest.

Palette

Simulate color vision

$ ls ~/tools

More tools

.htaccess Redirect Generator Generate 301/302 redirects for Apache & Nginx — bulk CSV import, force-HTTPS/www, WordPress hardening & caching blocks. A migration staple. Color Converter Convert HEX ⇄ RGB ⇄ HSL ⇄ OKLCH ⇄ LAB with a live WCAG contrast checker, tints/shades ramp and color-blindness preview. CSS Box-Shadow Generator Dial in a box-shadow visually — a one-slider smooth-shadow generator, Material & neumorphism presets, drop-shadow mode, CSS or Tailwind. Lorem Ipsum Generator Generate placeholder text in 7 themes (Latin, tech, corporate, Bengali & more) — plain, HTML, Markdown or a full content scaffold. Seedable.

this tool is hand-coded by a WordPress developer — your site gets the same care. Hire me on Upwork