Choose a logo, screenshot, photo, or artwork that sets the visual direction.
Local image palette extractor
找出属于这张图片的颜色。
无需上传原图,直接在浏览器中提取六种代表性 HEX 颜色和可复制的 CSS 变量。
* Your image stays in this browser. No upload, account, or server copy.
Local image palette extractor
Turn a reference image into a working palette
Extract representative colors and compare the swatches against the image before using them.
Copy a HEX value or the CSS variables into your design file, then check contrast separately.
FAQ
How should I read the palette?
Does PaletteBox upload my image?
No. The image is sampled and analyzed in this browser tab.
Are these the exact dominant colors?
They are representative colors from sampled pixels grouped into nearby RGB buckets. A different crop or image treatment can produce a different palette.
Does the result guarantee accessible contrast?
No. Use the HEX values as a starting point and test text/background pairs with an accessibility checker before shipping.