Pick colors, generate harmonious palettes, check contrast accessibility, and copy CSS code.
Large Text Sample
Small text sample for readability testing
The Color Picker and Palette tool lets you pick any color, generate harmonious palettes, check contrast for accessibility, and export the values as HEX, RGB, HSL, or ready-to-use CSS — perfect for designers and developers.
HEX, RGB, and HSL. Pick a color and the tool shows all formats at once and lets you copy them or export as CSS variables.
It compares two colors and reports their contrast ratio against WCAG accessibility guidelines, so you can confirm text will be readable (AA or AAA) on your chosen background.
Yes. From a base color it builds complementary, analogous, and shade-based palettes you can use as a starting point for a design system.
Yes, free with no signup, running entirely in your browser.