Color Tools

Color tools are for the moments when you need to translate a brand colour into HEX, build a palette around a single accent, check if your text passes WCAG contrast on a button, or sketch a gradient for a hero section. This category gathers 13+ utilities focused entirely on colour work, all running client-side so you can iterate as quickly as you can change a value.

The collection includes a full-featured colour picker; bi-directional converters between HEX, RGB, RGBA, HSL, and Tailwind classes; a palette generator that builds harmonious schemes (complementary, analogous, triadic, monochromatic); a random colour generator with seed support; a WCAG AA / AAA contrast checker that tells you exactly which text sizes pass on a given background; a CSS gradient builder with multi-stop linear, radial and conic gradients; and a general-purpose colour converter that normalises any input format. Designers can prototype palettes before opening Figma, front-end developers can paste a Tailwind class and get the underlying HEX, accessibility auditors can quickly check a mock-up, and anyone refreshing a personal site can find a colour scheme they like in minutes. Every tool runs locally — no telemetry, no signups, no waiting on a slow palette API.