KColor makes it easy to extract a custom color palette directly from any image. Whether you’re working with a photo, illustration, or screenshot, you can quickly turn visual inspiration into reusable color values.
How to start extracting a palette
Click the Palette from image button in the top toolbar. A modal window will appear where you can drag and drop your image, or select one from your device.
How it works
Once your image is uploaded, KColor automatically extracts the dominant colors and displays them as a preview palette. You’ll also see draggable cursors on the image—move these to manually refine which colors to include in your palette.
Click anywhere in the image to add a new cursor
Available controls
- Pixel first – replaces teh cursors with one zoomed preview.
- Update colors – cycles through the formula to auto-extract colors
- Change image – lets you swap out the current image
- Download palette – saves your palette as a .PNG
- Open in palette generator – sends the colors to the generator for full editing and export options
- Export – allows you to export the color palette in a wide arra of formats
Why use it?
Extracting palettes from images is perfect for creating color schemes inspired by nature, art, branding, or photography. It ensures your palette feels authentic and contextually relevant to your source material.
Pro tip
Drag the dots on the image preview to pinpoint exact tones, highlights, shadows, or midtones. This gives you pixel-level control over your palette choices.
Extraction behaviour
Group
Default 40
Controls how many visually similar colors are grouped together as one. A lower value like 1 treats every slight variation as a separate color—this can result in too much noise, especially in detailed images like photos. Increasing the grouping (e.g. to 30) blends close colors together, producing a cleaner, more distinct palette. For example, setting it to 5 may return many subtle sea tones, while 30 will yield fewer, more defined colors.
Sample
Default 30
Determines how many pixels from the image are analyzed. For instance, a setting of 20 means the tool examines every 20th pixel. Higher values improve performance but may reduce accuracy, while lower values provide more precise color extraction at the cost of speed. Here’s an example using the default sampling setting.
Next steps
After extracting, click Open in palette generator to refine, rearrange, or export your new palette in multiple formats like Tailwind, SCSS, or JSON.