Accessibility tool
Smart Contrast Checker
Check text and background contrast, compare accessible AA and AAA alternatives, and copy a color pair straight into your CSS.
Open Smart ContrastReferences and experiments
Tools
Practical tools for accessible colors, SVG animation, and Pokemon type matchups.
SVG design tool
Color Lab
Recolor a black SVG with CSS, animate between two colors, or send a gradient sweeping across an icon. Preview the result and copy the code.
Open Color Lab
Interactive reference
Pokemon Chart
A preserved interactive matrix for exploring attacking and defending Pokemon types.
Open the chart