uiGradients
uigradients.comFind named, community-contributed gradients for design and code.
Find named, community-contributed gradients for design and code.
Train a personal colour generator and search its combinations.
Browse curated palettes by colour, mood, season and popularity.
Convert colours and generate data scales through a JavaScript API.
Build palettes from community choices and carry their credits into exports.
Build a JavaScript colour picker from modular interface controls.
Generate programmable palettes from anchor colours and curved paths.
Pick screen colours, adjust their values and keep small Windows palettes.
Build, mask and reuse a colour grade inside Final Cut Pro.
Shape colour transitions and copy a multi-stop CSS gradient.
Adjust text and background colours while checking their contrast.
Build colour tools with JavaScript objects, conversions and gamut controls.
Build CSS gradients while exploring different colour spaces.
See how a colour pair performs for different text sizes.
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.
Use a curated dataset of colour names and hex values.
Sample a browser colour, inspect its element and copy an adjusted value
Collect image colours and compare nearby colour-system references.
Connect a React or Preact colour control to application state.
Find named colours, inspect hex values and explore related shades.
Build colour-profile transformations into imaging software.