Pick colors, generate palettes, convert HEX, RGB and HSL, and check contrast ratios for accessible design.
Colour decisions show up everywhere: brand palettes, UI states, charts and accessibility checks.
This hub helps you pick, convert and validate colours without a design suite.
Color Picker and Color Picker From Image sample exact values from a canvas or screenshot. Palette Generator builds complementary, analogous, triadic and custom harmonies when you need a cohesive set. Color Converter moves between HEX, RGB and HSL so you can match tokens across tools and libraries.
Colour Contrast Checker is the accessibility workhorse: enter foreground and background colours to get the WCAG contrast ratio and whether text passes AA or AAA for normal and large sizes. Aim for at least 4.5:1 for body text and 3:1 for large text and UI components.
Everything computes locally — brand palettes and client screenshots stay on your machine.
5 tools
Convert between HEX, RGB and HSL color formats.
Generate harmonious color palettes — complementary, analogous, triadic or surprise me.
Pick any color and get its HEX, RGB and HSL codes plus tints, shades and its complement.
Pull the exact HEX code from any pixel in an image you upload — plus the six colors that dominate it.
Check WCAG contrast ratios between text and background colors.
Advertisement