Color Palette Generator
Generate a palette from the current picker color, then copy or save any result.
Grab Website Colors
Scan one public webpage and its directly linked stylesheets for reusable CSS colors.
Only the submitted page and a limited number of its stylesheets are checked.
Extracted Colors
WCAG Color Contrast Checker
Test foreground and background colors for WCAG 2.2 text and non-text contrast thresholds.
Accepts HEX, RGB/RGBA, HSL/HSLA, HWB, and named CSS colors. WCAG large text is at least 18pt regular or 14pt bold (about 24px or 18.7px in CSS pixels).
Transparency and underlying canvas
Transparent colors are composited before testing. Set the solid color underneath the background here.
Large text preview
This is normal body text using the selected colors.
Large regular text
Large bold text
WCAG results
Passing color suggestions
Suggestions preserve the original hue and chroma where possible.
This tool evaluates solid color pairs. For gradients and images, test the lowest-contrast color directly behind the text or interface component. The non-text result compares only these two colors; actual component boundaries, states, and adjacent colors still matter. A passing color pair alone does not establish full WCAG conformance.