What is Khroma?
Khroma generates color combinations based on the colors users prefer. After selecting a set of colors, the browser’s algorithm learns these preferences, helping to reduce undesirable hues and discover new pairings—ideal for repeated comparisons when defining a visual direction.
The same color palette can be viewed as text, gradients, palettes, or custom images. Search filters allow you to sort by hue, tone, lightness, and color, as well as by HEX and RGB values, seamlessly connecting inspiration discovery with the lookup of existing brand colors.
Users can save their favorite color combinations and view the color names, HEX codes, RGB values, CSS code, as well as the WCAG accessibility rating for each pair of colors. Contrast information is used to evaluate specific color pairings; however, the final page should still be verified in conjunction with the actual fonts, backgrounds, and states.
Key features
Personal color preference learning
In-browser color scheme generation
Text, Gradients, and Palette Preview
HEX, RGB, and color attribute filtering
Color Palette Collection
CSS color values and WCAG contrast information
Use cases and audience
Interface designers, visual designers, and creators who need to determine color schemes
- Finding brand and interface color scheme directions
- Extend the color scheme based on the existing color values.
- Compare the color combinations of text and background
Color preferences, HEX or RGB color values, and filter criteria
Collectible color palettes, color codes, and contrast information
How to use
- 01
Choose your favorite colors and create your personal color palette.
- 02
Generate combinations and switch between text, gradient, or palette previews.
- 03
Filter by color values and color attributes, save suitable combinations, and record the color values.
Official website & sources
Updated on 2026-10-25
