Color Palette & Contrast
Compute contrast ratios and generate palettes with CSS variables.
WCAG Contrast Checker
Palette Generator
How to Use Color Tools?
WCAG Contrast Checker:
- Select foreground and background colors using the color pickers or enter hex values.
- Click Check to see the contrast ratio and WCAG compliance (AA/AAA).
Palette Generator:
- Upload an image file.
- Set the number of colors to extract (4-12).
- Click Generate Palette to extract dominant colors.
- View color swatches, CSS variables, and JSON output.