Color Picker
Pick colors, explore palettes, copy HEX, RGB and HSL values, and check color contrast with this free online color tool.
Choose Your Color
Generate a harmonious palette from your selected color. Select any swatch to use it as your main color.
The palette includes the base color, lighter shades, darker shades, and complementary colors. Download your selection as a reusable CSS file.
Your recent colors are saved locally in this browser when storage is available. They are not uploaded to a server.
Color Contrast Checker
Check how readable text is against a background. The foreground defaults to your selected color.
WCAG contrast thresholds: 4.5:1 for normal text, 3:1 for large text, and 7:1 for enhanced normal-text contrast. Actual accessibility also depends on font weight, size, and surrounding content.