Colour Studio

Harmonies, perceptually even OKLCH ramps, WCAG contrast and colour-vision simulation — exportable as CSS, SCSS, Tailwind, JSON or SVG.

Colour studio — harmonies, ramps & contrast

Everything computes in your browser. OKLCH is used for the ramps, so lightness steps look even rather than merely being even numerically.

Harmonies

Tints & shades perceptually even, via OKLCH

Contrast

Large text, 24px

Body text at 16px, which is the size most of your visitors will actually be reading.

Colour-vision check simulated, so you can see what a red–green deficient viewer sees

Export




  

  



  

    

      
GLOBAL TECH WIREconnecting…

      Tuning into the global wire…