Khroma

What is Khroma?

Khroma is a browser-based AI tool that generates personalized color palettes for designers. Users train a neural network algorithm by selecting preferred colors, and the system produces combinations while blocking unwanted ones. All processing occurs locally in the browser.

What are the features of Khroma?

• Personalized color training

  A neural network algorithm learns user preferences from a selected set of colors to generate liked shades and block disliked ones directly in the browser.
• Combination display modes

  Generated color pairings can be viewed as typography, gradients, palettes, or applied to custom images.
• Search and filtering

  The generator supports filtering results by hue, tint, value, color name, hex codes, and RGB values.
• Saved collection

  Users can build an unlimited library of favorite color combinations for later reference.
• Color data output

  Each saved pair includes color names, hex codes, RGB values, CSS code, and a WCAG accessibility rating.

What are the use cases of Khroma?

• Accessible color selection

  Designers can check the WCAG accessibility rating provided for each color pair before applying it to a project.
• CSS-ready color implementation

  Developers can copy the generated CSS code, hex codes, and RGB values directly from the saved collection.

How to use Khroma?

1. Select initial colors

   Choose a set of colors to train the browser-based neural network algorithm.
2. Generate combinations

   View the resulting color pairings displayed as typography, gradients, palettes, or custom images.
3. Filter results

   Search and filter the generated combinations by hue, tint, value, color name, hex, or RGB values.
4. Save favorites

   Add preferred combinations to an unlimited personal collection to retrieve their color data later.