Color Tools
Free, fast, and accurate color utilities for designers and developers. No sign-up required.
Contrast Checker
Check color contrast ratios against WCAG 2.1 guidelines. Test AA and AAA compliance for normal and large text.
Open tool
Color Converter
Convert between HEX, RGB, HSL, HSV, CMYK, and OKLCH color formats instantly.
Open tool
Palette Generator
Generate harmonious color palettes using complementary, analogous, triadic, and split-complementary schemes.
Open tool
Shade Generator
Generate Tailwind CSS-style shade scales (50–950) from any base color for design systems.
Open tool
Color Blindness Simulator
Simulate how colors appear under Deuteranopia, Protanopia, Tritanopia, and Achromatopsia.
Open tool
Gradient Generator
Create beautiful CSS linear and radial gradients with live preview and copy-ready code.
Open tool
Frequently Asked Questions
A WCAG contrast checker measures the luminance ratio between foreground and background colors to determine if they meet Web Content Accessibility Guidelines (WCAG) 2.1 standards. A ratio of at least 4.5:1 is required for AA compliance with normal text, and 7:1 for AAA compliance.
A HEX color code like #4285F4 is split into three pairs: 42 (red), 85 (green), F4 (blue). Each pair is converted from hexadecimal to decimal. So #4285F4 becomes RGB(66, 133, 244). Our Color Converter tool handles HEX, RGB, HSL, HSV, CMYK, and OKLCH formats instantly.
A color palette generator creates harmonious color combinations from a base color using color theory rules. Common schemes include complementary (opposite on the color wheel), analogous (adjacent colors), triadic (three evenly spaced), and split-complementary. These palettes ensure visual harmony in design.
Tailwind CSS uses a 50–950 shade scale for each color, where 50 is the lightest tint and 950 is the darkest shade. Our Shade Generator creates this full scale from any base color, matching Tailwind's perceptual uniformity for consistent design systems.
A color blindness simulator applies mathematical transformations to colors that model how they appear to people with color vision deficiencies. The main types are Deuteranopia (green-blind, ~6% of males), Protanopia (red-blind, ~1%), Tritanopia (blue-blind, rare), and Achromatopsia (total color blindness).
ColorFYI supports six color formats: HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89%, 61%), HSV (217°, 73%, 96%), CMYK (73%, 45%, 0%, 4%), and OKLCH (0.63, 0.17, 264°). OKLCH is a perceptually uniform color space recommended for modern CSS.
Yes, all six ColorFYI color tools are completely free with no sign-up required. They run entirely in your browser for instant results — the Contrast Checker, Color Converter, Palette Generator, Shade Generator, Color Blindness Simulator, and Gradient Generator.