# Tints & Shades Generate a full ramp of tints, shades and tones from any base colour — click any swatch to copy its HEX. All in your browser. ### How it works Starting from your base colour, **tints** mix progressively toward white, **shades** toward black, and **tones** toward mid-grey — the three classic ways to build a colour scale. Each ramp is 10 evenly-spaced steps; click any swatch to copy its hex. It’s all computed locally in your browser. --- *Source: [ocxly.com/color-shades.html](https://ocxly.com/color-shades.html) — OCXLY, free 100% client-side privacy-first tools. Free tints and shades generator. Build a ramp of tints, shades and tones from any base colour and copy the HEX values, entirely in your browser.*