Khroma

Khroma is a free browser-based AI color tool for designers. It learns a user's color preferences from selected colors, then generates personalized combinations to discover, search, and save. Results can be viewed as typography, gradients, palettes, or custom images, and each combination includes color names, HEX/RGB values, CSS code, and a WCAG accessibility rating. Khroma is a focused color exploration tool rather than a general image generator or full design editor.

✨ Key Features

• Preference-based training — Select colors you like to train a neural-network-powered personal color generator.
• Personalized combinations — Generate an effectively unlimited stream of color combinations tuned to the selected preferences.
• Multiple previews — View combinations as typography, gradient, palette, or custom image layouts.
• Color search — Search by color name, hue, tint, value, HEX, or RGB values.
• Filtering and exploration — Narrow generated results using color attributes and search terms.
• Favorites collection — Save favorite combinations to an unlimited personal reference library.
• Design-ready values — Copy color names, HEX codes, RGB values, and CSS code from a saved combination.
• Accessibility context — Review the WCAG accessibility rating for each color pair before using it.
• Browser workflow — Train and explore directly in the browser without installing a desktop editor.
• Personal taste controls — The learned preference model can favor liked colors and filter colors that fall outside the chosen affinity.

💳 Pricing

• Khroma — Free. The public site presents the color training, generation, search, and saving workflow without paid tiers or a subscription price.

Khroma’s live site is the source of truth for availability, account behavior, privacy, and any future commercial terms. A generated palette is a design aid, not a guarantee of contrast or suitability; check the specific WCAG result and your final usage context before release.

⚖️ Alternatives Compared

🎯 Use Cases

• Explore a brand direction — Train Khroma on colors that fit a brand mood and discover compatible combinations.
• Build a UI color starting point — Review palette and typography previews before defining interface tokens.
• Choose a presentation palette — Compare combinations in text and gradient views for slides or reports.
• Develop illustration colors — Search by hue, tint, value, HEX, or RGB while exploring an art direction.
• Check accessible pairs — Use the WCAG rating as an early signal, then test final text and background sizes yourself.
• Create a reusable inspiration library — Save favorite combinations with copy-ready values for later projects.
• Find alternatives to a known color — Search an existing HEX/RGB value and explore related combinations.
• Speed up color iteration — Use personalized generation to move from broad preference to a short list of candidates.