Color tools for
design workflow.

Generate beautiful color palettes built on harmony principles. Choose a style, lock the colors you like, regenerate the rest, and refine until it feels right. Works from 2 to 6 colors.

Upload an image and extract a color palette from it. Choose dominant, vibrant, or muted tones, pick how many colors you want, and take the result into contrast checking, accessibility auditing, and more.

See how a palette performs in real design contexts. Preview colors on app interfaces, brand identity layouts, and editorial compositions. Colors are automatically mapped to roles like background, primary, accent, and text.

Check the contrast ratio between any two colors against WCAG AA and AAA standards. Verify readability for normal and large text, and preview your pairing in context.

Take any Huelib palette and assign colors to semantic roles like primary, background, text, and accent. Export as CSS variables, JSON tokens, or copy individual mappings.

Simulate how a palette looks under protanopia, deuteranopia, tritanopia, and achromatopsia. Identify where colors may collapse and make more accessible design choices.

Audit an entire palette against WCAG contrast standards. Surface the strongest readable pairings, identify weak spots, and understand your palette's accessibility profile. Works with Huelib palettes or your own custom colors.