---
title: "Color Palette Generator — Documentation & FAQ"
description: "How to use Color Palette Generator, plus answers to common questions."
canonical: "https://www.razi.pro/tools/color-palette/docs"
tags: ["color palette generator", "color scheme generator", "color picker", "extract colors from image", "css color palette", "tailwind color palette", "color contrast checker", "random color palette"]
source: "razi.pro"
---

# Color Palette Generator — Documentation & FAQ

Documentation for [Color Palette Generator](https://www.razi.pro/tools/color-palette) — Generate beautiful color palettes, extract colors from images, check accessibility contrast, and export as CSS, Tailwind, or SCSS.

## Frequently asked questions

### How do I generate a random color palette?

Click 'Generate' to create a new random palette. Lock any colors you want to keep, then generate again — only unlocked colors will change. You can also click any color swatch to copy its hex code.

### Can I extract colors from an image?

Yes. Click 'From Image' and select any photo. The tool analyzes the image and extracts 5 dominant colors to create a harmonious palette based on the image's color composition.

### What export formats are available?

Export your palette as CSS custom properties, Tailwind CSS config, SCSS variables, or plain hex values. The Tailwind export is especially useful for React and Next.js developers.

### How does the contrast checker work?

The built-in contrast checker calculates the WCAG contrast ratio between adjacent colors. A ratio of 4.5:1 or higher passes WCAG AA standards for normal text. This ensures your palette is accessible.

### How many colors can a palette have?

Palettes can have between 2 and 10 colors. Click '+ Add' to add more colors, or click the 'x' button while hovering over a color to remove it.