About ChromaNest
ChromaNest is a free suite of color and design tools for designers, developers, and anyone who needs a quick palette, contrast check, or gradient. The tagline says it plainly: free color tools in your browser — palettes, contrast, gradients.
Privacy
All processing stays in the browser. Color math, WCAG contrast, gradient CSS, Tailwind scale generation, and palette extraction from images run locally with JavaScript and the canvas API. We do not upload your images or colors to a server. There are no analytics keys, no accounts, and no ads in this open-source build.
Tools
- Color Palette Generator — Generate complementary, analogous, triadic, monochromatic, and random color palettes. Lock swatches, copy hex, CSS variables, or Tailwind config.
- Contrast Checker — Check WCAG AA/AAA contrast between foreground and background colors. See ratio, pass/fail for normal and large text.
- CSS Gradient Generator — Build linear and radial CSS gradients with angle and color stops. Copy ready-to-use CSS.
- Color Palette from Image — Extract a dominant color palette from an image you pick locally. Processing stays in your browser — nothing is uploaded.
- Tailwind Color Palette — Build a Tailwind-friendly color scale from a base hue and export tokens for your config.
Deploy
The site is a static Next.js export. Drop the out/ folder on Cloudflare Pages, Netlify, GitHub Pages, or any static host.