Free tools

Tools for building interfaces

Colour and accessibility utilities we use while building Aback UI. They are free, need no account, and run entirely in your browser.

Contrast checkerCheck the contrast ratio of any two colours against WCAG 2.2 AA and AAA for normal text, large text, and UI components. Free, private, in your browser.
Colour converterConvert any colour between HEX, RGB, HSL, and OKLCH instantly, with alpha support and CSS-ready output you can copy. Free and runs in your browser.
Tailwind colour scale generatorTurn one brand colour into an 11-step Tailwind CSS palette from 50 to 950, built in OKLCH, and export it for Tailwind v4 @theme, v3 config, or CSS.
Theme generatorPick a brand colour and get a complete, contrast-checked Aback UI theme for light and dark, previewed on real components.