Click on a palette to restore it.
Click on a palette to open it.
1 year ago
2
1 year ago
2
1 year ago
1
1 year ago
1
1 year ago
1
1 year ago
1
1 year ago
1
1 year ago
1
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
1 year ago
0
Click on a palette to open it.
Palette Contrast Matrix
Open contrast ratio toolPalette Generator Settings
Make controls bar always visible
Isolate colors
Hide color info
Change palette orientation (Horizontal)
Focus mode
Export Palette
JSON
ARRAY
CSV
CSS
SCSS
Extract palette from image
Palette
More image info
Click a color to select its matching cursor on the image or vice versa. Drag a cursor to update its color.
Average color
a7a7a7
~Grey
Drag and drop or select your image
Dropped files are not stored.Advanced scheme settings
Use only web safe colors
Colors are generated in groups of 4. Add more colors (8+) to see the whole scheme rendered.
*The color distance from the initial hue varies randomly for each generated palette (won't affect the Contrast scheme).
Click on a palette to open it in the editor.
link copied!