IcogenX

Color Palette Extractor

Extract dominant colors from any image using AI-powered K-means clustering. Generate harmonious color schemes, check WCAG accessibility compliance, and export to multiple formats.

Color Extraction
Upload an image to extract its dominant colors using K-means clustering

Click or drag to upload an image

Selected Color
Edit or enter a color manually

Light Blue

WCAG Contrast Checker
Check color accessibility compliance for text readability

Sample Text

This is how your text will look

Color Blindness Simulator
See how your selected color appears to people with different types of color vision deficiency
Saved Palettes
Save and manage your color palettes locally

No saved palettes yet

Professional Color Palette Tools

Our color palette extractor uses advanced K-means clustering algorithm to identify the most dominant and visually significant colors in your images. Whether you're designing a brand identity, creating a website, or working on any visual project, this tool helps you build harmonious color palettes.

🎨 Color Extraction

AI-powered K-means clustering extracts 3-10 dominant colors from any image, automatically filtering out backgrounds and pure white/black pixels.

🔄 Color Schemes

Generate complementary, analogous, triadic, tetradic, and split complementary color schemes based on color theory principles.

♿ WCAG Accessibility

Check contrast ratios between any two colors and get AA/AAA compliance ratings for both normal and large text sizes.

👁️ Color Blindness

Simulate how your colors appear to people with different types of color vision deficiency, including protanopia, deuteranopia, and tritanopia.

📤 Multiple Exports

Export your palette to CSS variables, Tailwind config, SCSS variables, JSON format, or CSS utility classes.

💾 Save Palettes

Save your favorite color palettes locally and load them anytime for future projects or inspiration.

Color Theory Guide

Complementary Colors
Complementary colors sit opposite each other on the color wheel (180° apart). They create high contrast and visual tension, making them ideal for call-to-action buttons and important UI elements.
Analogous Colors
Analogous colors are adjacent on the color wheel (±30°). They create harmonious, comfortable designs that feel cohesive and natural. Great for backgrounds and subtle gradients.
Triadic Colors
Triadic schemes use three colors equally spaced around the wheel (120° apart). They offer balanced contrast while maintaining harmony—perfect for vibrant, playful designs.
Tetradic (Square) Colors
Four colors arranged in a square on the color wheel (90° apart). This scheme offers the most variety but requires careful balance to avoid visual chaos.
WCAG Accessibility Standards
The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios for text readability:
AA
Normal Text

4.5:1 ratio minimum

AA
Large Text

3:1 ratio minimum (18pt+ or 14pt+ bold)

AAA
Normal Text (Enhanced)

7:1 ratio minimum

AAA
Large Text (Enhanced)

4.5:1 ratio minimum

Our contrast checker automatically calculates these ratios and tells you if your color combination passes or fails each level.

Color Palette Extractor & Manager | AI Favicon Generator