Khroma
khroma.coTrain a personal colour generator and search its combinations.
Train a personal colour generator and search its combinations.
Compare how six picker models organize colour choices.
Generate programmable palettes from anchor colours and curved paths.
Convert colours and generate data scales through a JavaScript API.
Shape multi-step colour scales with curves, locked colours and code exports.
Build palettes from community choices and carry their credits into exports.
Use colour-science tables with explicit sampling, metadata and citations.
Edit a colour system in perceptual coordinates and copy design tokens.
Choose colours with saturation scaled to the available RGB range.
Generate interface themes from target contrast ratios and colour scales.
Articles and resources about design systems
Keep live camera looks, reference images and grading handoffs together.
Browse official RAL colour families, codes and names.
Build colour harmonies with an RYB wheel and export palettes for design apps.
Sample a foreground and background pair and copy its contrast report.
Apply an image’s dominant colour to its surrounding web element.
Manipulate common colour representations with a small Python interface.
Pick screen colours, adjust their values and keep small Windows palettes.
Use a curated dataset of colour names and hex values.
Build, mask and reuse a colour grade inside Final Cut Pro.
Sample a browser colour, inspect its element and copy an adjusted value
Shape colour transitions and copy a multi-stop CSS gradient.
Configure a standalone colour picker with swatches and opacity controls.
Connect a React or Preact colour control to application state.