Design tools — colors, palettes, and gradients

Design and development overlap on a small set of repeated tasks: convert a HEX color to RGB or HSL for a CSS rule, build a harmonious palette around a brand color, check whether a color passes WCAG contrast against the background it sits on, generate a CSS gradient from two or three stops. These are the small chores that interrupt design reviews and slow down code reviews.

The color converter handles HEX, RGB, HSL, the 147 standard CSS named colors, and a live preview swatch — all bidirectionally synced, so you can type into any field and the others update instantly. The color palette generator builds complementary, analogous, triadic, split-complementary, tetradic, and monochromatic schemes from any base color with one click, and exports the result as CSS variables or JSON. The gradient generator renders linear, radial, and conic CSS gradients with up to five color stops, live preview, and copy-paste output for raw CSS, `background-image`, or Tailwind arbitrary values.

Every value is computed in your browser using standard color-space math — no external API, no log of which colors you picked, no "sign up for 20 more palettes" paywall. Safe for unreleased brand work and private design systems.