Accessibility & Analysis

Check WCAG contrast ratios and simulate color blindness to ensure your designs are accessible to everyone.

Color Conversion

Convert between HEX, RGB, HSL, CMYK, Tailwind, and other color formats instantly.

Creative & Design

Generate CSS gradients, extract colors from images, and create beautiful color showcases.

Color Tools

Practical tools for designers and developers

Color Difference Calculator (ΔE)

Calculate the visual difference between two colors using the accurate CIEDE2000 formula.

Tailwind Scale Generator

Enter your brand's base color, and the tool will automatically generate a complete color scale from 50 to 950 based on luminance, ensuring clear visual hierarchy. You can generate multiple color sets at once and export them with a single click as CSS variables or a Tailwind configuration file, ready to be pasted directly into your project.

Design Extractor

Simply enter a target website URL, and the system will extract its entire design system (including color tokens, typography, spacing conventions, etc.). It automatically generates an AI-agent-friendly DESIGN.md file and provides a full-page PDF screenshot, helping you quickly capture and replicate the visual vibe of any website.