Check Colour Contrast for Accessibility
Convert colours to get RGB values for use in contrast ratio tools — WCAG compliance for accessible design.
Accepts: HEX (#fff or #ffffff), RGB (255, 255, 255), or HSL (360, 100%, 50%)
Lightness scale
Click any swatch to switch to that shade
Accessibility tips
WCAG 2.1 requires 4.5:1 contrast between text and background (AA), or 7:1 for enhanced (AAA) accessibility.
Get the RGB values for both your text and background colours here, then paste them into a contrast checker like WebAIM's Contrast Checker.
Use the lightness scale to find a shade of your brand colour that passes contrast requirements while staying on-brand.
Teal and mid-range colours often fail contrast checks against white. Try L=30–40% in HSL for dark enough versions that pass 4.5:1.
Cách hoạt động
Tại sao chọn của chúng tôi?
Also check out…
Convert Colors for Web Design
Get HEX, RGB, and HSL values for any colour — read
Convert Colors for Print (CMYK)
Convert screen colours (HEX/RGB) to CMYK values fo
Build Color Palettes for Design Systems
Convert brand colours across all formats and gener
Convert Colors for Figma
Get the exact HEX and RGB values to paste into Fig