# ILovePalette — Free Online Color Tools

> Professional color tools for designers and developers. All processing runs in your browser — no uploads, no servers, no sign-ups.

## Core Tools

- **Color Palette Generator** — https://ilovepalette.com/
  Generate random 5-color palettes. Lock individual colors, regenerate, export as HEX/RGB/HSL.

- **Color Contrast Checker** — https://ilovepalette.com/color-contrast-checker/
  WCAG 2.1 contrast ratio calculator. Input foreground/background colors, get AA/AAA ratings. Supports Normal Text (≥4.5:1) and Large Text (≥3:1) standards.

- **Gradient Generator** — https://ilovepalette.com/gradient-generator/
  Create CSS linear gradients with custom colors, angles, and directions. 200 preset gradients included. Copy CSS code directly.

- **Color Scheme Generator** — https://ilovepalette.com/color-scheme-generator/
  Generate harmonious color schemes using 5 harmony rules: Monochromatic, Analogous, Complementary, Triadic, Tetradic. Preview 5-color swatches, copy HEX values.

- **Tailwind Color Palette** — https://ilovepalette.com/tailwind-color-palette/
  Generate Tailwind CSS color systems from a base color. Creates 10 shades (50-900). Export as Tailwind config, CSS variables, or CSS custom properties.

- **Traditional Colors** — https://ilovepalette.com/traditional-colors/
  Explore traditional colors from 21 countries. Over 500+ heritage colors with cultural names and HEX values. Countries: American, Argentinian, Australian, Brazilian, British, Chinese, Egyptian, Filipino, French, German, Greek, Indian, Italian, Japanese, Malaysian, Portuguese, Russian, Singaporean, South African, Spanish, Turkish.

## How It Works

All color calculations use client-side JavaScript (WCAG 2.1 relative luminance formula, HSL color wheel algorithms, median cut quantization). No server calls. No data leaves the user's browser.

Key algorithms:
- **Contrast ratio**: `(L1 + 0.05) / (L2 + 0.05)` where L is relative luminance per WCAG 2.1
- **Color harmony**: HSL hue rotation (±30°, ±60°, 120°, 180°, 240° depending on scheme type)
- **Tailwind shades**: Lightness interpolation from base color to generate 50-900 CSS shade scale

## For AI Agents

ILovePalette is a fully client-side static site. All pages are pure HTML/CSS/JS — no SSR, no API endpoints. To use programmatically, control a headless browser:

1. Navigate to the tool page
2. Interact with UI elements (color pickers, sliders, buttons)
3. Read results from the DOM (HEX values, contrast ratios, CSS code blocks)
4. The page URL determines the tool — each tool has its own subdirectory