Color Palette Extractor
Extract a color palette from any image and copy it as CSS variables — HEX, RGB and HSL supported.
Images are never uploaded. Everything is processed in your browser.
Try a sample
What is this tool?
A free palette extractor. Upload an image (or paste one from your clipboard) and get its dominant colors with area ratios, readable text/background combinations, and export as CSS variables or Tailwind config. Colors are also matched to the closest traditional Japanese color when one is near.
How to use
- Upload an image, paste one, or try a sample.
- Choose the extraction mode, color count and value format.
- Tap a swatch to copy it, or export the whole palette.
Use cases
- Building a color scheme from a photo or mockup.
- Checking text/background contrast pairs before shipping a design.
- Exporting design tokens as CSS variables or Tailwind config.
Notes
- The traditional Japanese color match appears when a color is close enough.
- All processing happens locally in your browser.
FAQ
What export formats are supported?
CSS variables, Tailwind CSS v4 themes and Tailwind v3 configs. Copy any color as HEX, RGB or HSL by tapping its swatch.
Can I pick a color from an exact spot?
Yes. Click or tap anywhere on the uploaded image to add that pixel's color to the picked colors list.
Are my images uploaded?
No. Extraction runs entirely in your browser; nothing is sent to a server.
Related tools
Days Calculator
Calculate the number of days between two dates, or the date N days from now.
Age Calculator
Calculate exact age from a date of birth, including days lived and next birthday.
Business Days Calculator
Count business days excluding weekends and Japanese national holidays.
Character Counter
Count characters, lines, paragraphs and bytes of text in real time.
PDF Tools
Merge, extract and rotate PDF pages locally in your browser.
Markdown Editor
Write Markdown with live preview, HTML copy and .md download.
Scientific Calculator
Trigonometry, logarithms, exponents, factorials, history and memory.
Unit Converter
Convert length, weight, area, volume, temperature and data size.
Timestamp Converter
Convert between Unix timestamps, ISO 8601 and local date-times.
Percentage Calculator
Percentages, increase/decrease rates, discounts and reverse calculation.
Image Compressor
Compress JPEG, PNG and WebP images in bulk, entirely in your browser.
Image Converter
Convert between HEIC, JPEG, PNG, WebP and more without uploading files.
QR Code Generator
Create QR codes for URLs, text and Wi-Fi credentials in your browser.
Hash Calculator
Compute and verify MD5, SHA-256 and other hashes for text and files.
Password Generator
Generate strong passwords, passphrases and PINs locally.
HMAC Checker
Compute HMAC signatures and verify webhook signatures in your browser.
Web Page Snapshot
Save the current page as a single self-contained HTML file.
Clipboard Cleaner
Clean invisible characters, extra line breaks and width inconsistencies.
Speed Test
Measure download/upload speed and ping in your browser.
Network Diagnosis
Check connectivity, DNS, IPv6 and the node you are connected through.
JSON Formatter
Format, validate and minify JSON with precise error locations.
URL Encoder / Decoder
Encode and decode URLs and query strings, including non-ASCII text.
Regex Tester
Test regular expressions with live matches, groups and replacement.
Line of Code Counter
Count total, blank, comment and code lines of pasted source code.
DNS Lookup
Query DNS records (A, AAAA, MX, TXT and more) with TTLs, DNSSEC and ASN hints.
CSV Checker & Converter
Check CSV/TSV structure, detect encoding (UTF-8, BOM, Shift_JIS) and convert to JSON.
Text & JSON Diff Checker
Compare two texts or JSON documents and review additions, deletions and changes in your browser.