Générateur de Palette

Color palette extraction from an image involves analyzing the image's pixel data to identify the most visually significant colors. The process begins by sampling pixels from the image (not every pixel, but a representative subset for performance). Each pixel's RGB values are then quantized to reduce the number of unique colors -- this is necessary because a photograph can contain millions of subtly different colors. The quantized colors are counted to build a color histogram, and the most frequent colors are selected as the palette.

Our tool uses a median-cut quantization algorithm for palette extraction. The algorithm works by recursively dividing the color space: it finds the dimension (R, G, or B) with the greatest range of values, sorts the pixels along that dimension, and splits them at the median. This process repeats until the desired number of colors is reached. The result is a set of colors that represent the image's most distinct color regions. Each color's frequency determines its order in the palette -- the most dominant color appears first.

For generated palettes (not extracted from images), the tool uses color harmony rules based on the color wheel. Complementary: two colors opposite each other (180掳 apart). Analogous: three colors adjacent on the wheel (30掳 apart). Triadic: three colors evenly spaced (120掳 apart). Tetradic: four colors forming a rectangle on the wheel. Split-complementary: a base color plus the two colors adjacent to its complement. These rules produce visually harmonious combinations because the colors share a mathematical relationship on the color wheel.

A typical design palette includes 5 colors: a primary (dominant), a secondary (supporting), an accent (for calls-to-action and highlights), and two neutrals (light and dark backgrounds). The 60-30-10 rule suggests using the primary color for 60% of the design, the secondary for 30%, and the accent for 10%. This creates visual balance while ensuring the accent stands out. Extract palettes from images that evoke the mood you want -- a nature photo for earthy tones, a sunset for warm gradients, a cityscape for cool blues and grays.

When using extracted palettes for web design, always test the contrast ratios between text and background colors. A palette that looks beautiful as swatches may fail WCAG accessibility standards when used for text. Use the lighter colors for backgrounds and darker colors for text. If a palette color doesn't meet contrast requirements, darken or lighten it until it does -- the harmony of the palette will be preserved because the hue remains the same.