Normal AALarge AAA
Design and color
Color Toolkit
Explore a color, copy HEX, RGB, and HSL values, generate a tonal palette, and check text contrast.
Selected color#5D5BD4A quick preview of text on this color.
Color input
Choose a color
Convert
Color values
Select any value to copy it.
Tints and shades
Tonal palette
Select a swatch to copy its HEX value.
Accessibility
Text contrast
WCAG contrast against white and black text. AA requires 4.5:1 for normal text or 3:1 for large text.
Normal FailLarge AA
All color calculations happen in this browser. Nothing is uploaded or saved.