# ColorBox

> ColorBox is a free, browser-based color palette generator that uses perceptually uniform color spaces (OKLCH/OKLAB) to create harmonious, accessible color systems for designers and developers.

## Core Features

- Perceptually uniform color interpolation using OKLCH/OKLAB
- Real-time accessibility contrast checking (WCAG 2.1)
- Export to CSS, Tailwind, Figma tokens, JSON
- Works standalone or as Figma plugin

## Documentation

- [AI Guide](https://colorbox.io/ai): How to use ColorBox with AI assistants
- [OKLCH Palette Generator](https://colorbox.io/oklch-color-palette-generator): Generate perceptually uniform palettes
- [Accessible Color Palette](https://colorbox.io/accessible-color-palette): WCAG-compliant color systems
- [OKLCH vs HSL](https://colorbox.io/oklch-vs-hsl): Why perceptual uniformity matters

## Use Cases

- Brand color palette generation
- Accessible UI color systems
- Design token creation for Tailwind/CSS

## How It Works

1. Start with 1-2 seed colors (or use the default palette)
2. Adjust curve parameters for lightness, chroma, and hue
3. Preview accessibility contrast ratios in real-time
4. Export to your preferred format

## Export Formats

- CSS custom properties
- Tailwind CSS config
- Figma plugin (direct import)
- JSON tokens
- Raw color values (HEX, RGB, HSL, OKLCH)

## Contact

- Website: https://colorbox.io
- Creator: Kevyn Arnott (https://kevyn.work)