Color & Design

Free color utilities for designers and developers — convert formats, check accessibility, extract palettes, and build gradients. All tools run in your browser.

HEX ↔ RGB/HSL Converter

Convert colors between HEX, RGB, and HSL formats instantly.

Contrast Checker

Check WCAG contrast ratios for text and background color pairs.

Palette from Image

Extract dominant color palettes from any uploaded image.

Gradient Generator

Build CSS linear gradients with live preview and copy-ready code.

Shade & Tint Generator

Generate a full 50–900 color scale from any base color.

Box Shadow Generator

Design CSS box shadows with live preview and copy-ready code.

Multi-Stop Gradient

Build linear gradients with 3+ color stops, positions, and angles.

Why use our color tools?

Whether you are picking accessible text colors, matching brand palettes from a photo, or generating CSS gradients, these utilities help you move faster without leaving the browser.

  • 100% free with no sign-up
  • Privacy-first — nothing is uploaded to a server
  • Theme-aware interface for light and dark mode
  • Copy-ready output for CSS and design workflows