Color Tools
Free online color utilities for designers and developers. No signup required.
Color Converter
Convert between HEX, RGB, HSL, and CMYK
Palette Generator
Complementary, analogous, triadic, monochromatic
Contrast Checker
WCAG AA and AAA accessibility compliance
Gradient Generator
Build CSS linear and radial gradients
Image Color Picker
Pick colors from any pixel of an image
Color Tools — FAQ
What color formats are supported?
+
The color tools support HEX (6 and 8 digit), RGB, RGBA, HSL, HSLA, and CMYK color formats. These cover all formats used in CSS, graphic design software (Figma, Photoshop, Illustrator), and print production workflows.
What is the WCAG contrast standard and why does it matter?
+
WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios to ensure text is readable by users with low vision or color blindness. Level AA requires at least 4.5:1 for normal text. Following these standards is required by accessibility laws in many countries and makes content usable for a wider audience.
Can I use these tools to generate a brand color palette?
+
Yes. Start with your brand's primary color in the Palette Generator to explore complementary, analogous, or triadic options. Then check all text/background combinations in the Contrast Checker to verify accessibility compliance. Use the Color Converter to get values in any format needed for your design system.
Are these color tools free to use?
+
Yes, all color tools are completely free with no account or subscription required. They run entirely in your browser, so there is no limit on usage.
Can I pick colors from any image, including photos and screenshots?
+
Yes. The Image Color Picker accepts JPEG, PNG, WEBP, and GIF files. You can upload product photos, brand materials, screenshots, or any other image to extract precise color values. All processing happens in your browser — images are never uploaded to a server.