Extract Perceptual Palette - Online LAB Quantization
Extract a color palette from an image using CIELAB k‑means quantization. Results are perceptually more accurate than RGB methods.
UD5 Toolkit
Extract a color palette from an image using CIELAB k‑means quantization. Results are perceptually more accurate than RGB methods.
Reduce the number of colors in an image to a retro 8‑bit look. Uses median cut quantization in the browser. Preview and download the stylized result.
Generate a range of tints and shades from a single hex color. Ideal for data visualization, UI design systems, and Tailwind custom palette creation. Local tool.
Start with a base color and generate an extended palette where every shade contrasts properly with white and black. Export tokens.
Pick a color palette and the tool shows sample images that match it. Great for moodboard and brand inspiration. Static dataset.
Browse every Tailwind default color palette side by side. Click any shade to copy the hex or class. For rapid design.
Upload a gradient or enter a palette and simulate how it appears with different types of color vision deficiency. Ensure inclusive data visualization.
Upload a photo and extract a smooth CSS gradient that represents its color mood. Copy the linear-gradient code.
Generate a palette of N colors that are maximally distinguishable for common color vision deficiencies. Copy the hex codes.
Type a word like 'sunset' or 'calm' and generate a color palette inspired by that mood. Simple associative mapping.
Pick a source color and generate a complete M3 tonal palette with light/dark schemes. Export as CSS custom properties.
Upload an image and instantly get a 6‑color palette with the most dominant shades. Click to copy hex codes. Canvas‑based.
Enter hex codes and download a PNG swatch image with color names. Useful for design spec documents. Built via canvas.
Generate a random 5‑color palette where every adjacent pair passes WCAG AA contrast. Safe for inclusive designs.
Build a color palette for charts that works for protanopia, deuteranopia, and grayscale. Export as array.
Enter an image URL to extract a 5-color dominant palette. Avoids uploading files. Uses canvas to read remote image pixels. Fast and privacy-oriented.
Paste a stylesheet and extract every unique color (hex, rgb, hsl) into a palette. Swatches displayed. Copy as JSON.
Build a palette and simulate how it appears to various color deficiencies. Also generate pre-vetted accessible palettes. Local processing.
A dedicated color picker with common retro gaming palettes (NES, Gameboy). Pick and copy hex codes. For pixel art creators.
Convert any image into an 8‑bit indexed PNG by reducing to a custom number of colors. Vintage game look. Local quantizer.
Paste a set of hex colors and simulate how they appear with common color vision deficiencies. Get contrast warnings.
Paste a list of hex colors and generate CSS custom properties for them. Create your design token file instantly.
Upload any picture and instantly get a 5‑color palette. Useful for UI design themes. Canvas‑based extraction.
Generate a harmonious three‑color palette with a matching simple favicon shape. Perfect for quick project identity. All local.
Search a library of famous company brand colors with hex codes. Copy any color instantly. For designers and marketers.
Paste a direct link to an image and get its 5 dominant colors with hex codes. No upload, uses canvas with CORS proxy.
See the Pantone Colors of the Year and popular palettes from past years. Get hex codes. Design inspiration.
Get a beautiful, hand‑picked color combination instead of purely random. Each palette has a name and copyable hex codes.
Pick a base color and generate a full palette of 10 shades (50 to 900) like Tailwind CSS. Copy as hex or hsl.
Generate tints (add white) and shades (add black) for any base hex color. Copy values for design systems. Instant local generation.
Enter an image URL and extract its dominant color palette. No download needed. Fast visual analysis.
Enter the URL of any image and receive a random harmonious palette extracted from it. Click to regen. For quick inspiration.
Enter a color palette and see how it looks for different types of color vision deficiency. Get warnings on conflicting colors.
Paste an image from your clipboard directly into the page (Ctrl+V) and extract its color palette. No file dialog needed.
Fetch a website's CSS and extract :root custom properties (‑‑color) to reveal its design token palette. For learning and inspiration.
Upload an image and extract its dominant colors or full color palette. Download as a CSS snippet or color swatch. Entirely client-side, your images stay private.