Tint & Shade Generator
maketintsandshades.comGenerate lighter and darker variants at fixed percentage intervals.
Generate lighter and darker variants at fixed percentage intervals.
Find named, community-contributed gradients for design and code.
Adjust CSS colours and calculate contrast with focused JavaScript functions.
Find a shared palette, generate one from words or scan an image.
Turn a text description or photograph into a colour palette.
See curated palettes applied to page elements and copy their hex codes.
Compare colour references, build complements and convert colour data.
Generate a chosen number of shades and copy their values.
Use the Mac colour panel with shortcuts, recent colours and palette export
Build, mask and reuse a colour grade inside Final Cut Pro.
Edit one colour across familiar web formats and wide-gamut OKLCH.
Parse CSS colour strings and build adjusted values in JavaScript.
Choose a React colour picker or compose one from building blocks.
Change a colour matrix and see how it transforms an image.
Look up colour values, compare schemes and calculate blends.
Experiment with image filters and editable adjustments
Apply selective color adjustments to RAW photos
Browse official RAL colour families, codes and names.
Generate a short sequence of gradient stops from supplied colours.
Build a JavaScript colour picker from modular interface controls.
Use continuous and categorical colour maps in Python visualizations.
Adjust text and background colours while checking their contrast.
Artist-owned stock photos and footage with tiered licences
Build an eleven-step scale and export variables for a web project.