Processed on this device
ToolsColor palette
Color & Palette Tool
Extract dominant image colors and export palettes as CSS or JSON.
Processed on this device
HEX · RGB · HSL · HSV · HWB · CMYK · XYZ · LAB · LCH · OKLAB · OKLCH · PNG · CSS · JSONMore color formats
Color value converter
Tool guide
How to use this tool
Extract dominant image colors and export palettes as CSS or JSON.
Quick guide
- 1
Add the files or sources required for the task.
PNG · JPEG · WebP · GIF · BMP · AVIF - 2
Adjust the available settings for the result you need.
OKLCH · WCAG · protanopia · deuteranopia - 3
Review the result and download the finished file.
CSS · JSON · PNG · 1920 × 1080 px
Good use cases
- Extract dominant image colors and export palettes as CSS or JSON.
- Export CSS · Export JSON
Tips and limitations
Which inputs are supported?PNG · JPEG · WebP · GIF · BMP · AVIF
- Number of colors
- For the best results, use a current browser version.
Practical example: Color & Palette Tool
A typical workflow with concrete inputs, settings, and a traceable result.
- Which inputs are supported?
#168168 · RGB 22 / 129 / 104 - Adjust the available settings for the result you need.
OKLCH · WCAG · protanopia · deuteranopia - What does the tool create?
CSS · JSON · PNG · 1920 × 1080 px
Frequently asked questions
Which inputs are supported?
PNG · JPEG · WebP · GIF · BMP · AVIF Number of colors
What does the tool create?
CSS · JSON · PNG · 1920 × 1080 px Export CSS · Export JSON
Which settings should I check before exporting?
OKLCH · WCAG · protanopia · deuteranopia Number of colors
Which limitations should I keep in mind?
Number of colors For the best results, use a current browser version.
Are my files uploaded for processing?
No. Selected files are processed in this browser tab and are not uploaded to a LocalFileLab processing server.