A fully client-side tool for extracting colour palettes from screenshots and building texture swatches. No server, no dependencies, no install.
- Drop or browse any image (PNG, JPG, GIF, WebP, BMP)
- Median-Cut colour quantisation - extract 8, 16, or 32 dominant colours
- Sort palette by frequency, hue, brightness, or saturation
- Session history - upload multiple images and switch between them; extracted palettes are remembered per image
- Texture Builder - drag colours from the palette into an N×N grid (type any size 1-64); drag within the grid to reorder; duplicate colours are blocked
- Collapsible sections - keep the interface tidy by folding panels you don't need
- Export palette as PNG or SVG at 256 / 512 / 1024 px in grid or strip layout
- Export texture as PNG or SVG at 256 / 512 / 1024 / 2048 px
- Copy hex codes individually (click a swatch) or all at once
- 100% private - all processing happens in your browser; no image is ever sent to a server
- Open the app (see Live demo below)
- Drop a screenshot onto the upload zone, or click Browse a file
- Adjust the extraction options and click Extract Colors
- Click + on a swatch (or drag it) to add it to the Texture Builder
- Rearrange slots by dragging within the grid; click x on a slot or swatch to remove it
- Export the palette or texture with your chosen format and size
To load a second image without losing the first, click Add Image - the Session Images panel lets you switch freely between all uploaded images.
The app is hosted via GitHub Pages:
https://pausefish.github.io/Screenshot-Colorpicker
This project is licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) licence.
You are free to use, share, and adapt this project for any purpose, including commercially, as long as you give appropriate credit.