Color Contrast Checker

Sulayi ang contrast ratio tali sa foreground ug background nga mga kolor aron masiguro ang accessibility.

1.00:1
Contrast
Fail
Kaayo ka pobre

Normal nga Teksto

AA (4.5:1)
AAA (7:1)

Dako nga teksto

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#b400ff

Quick fixes

Aa

Preview nga Titulo

Ang abtik nga kayumanggi nga irong buang molukso ibabaw sa tapulan nga iro

Pananglitan sa gamay nga teksto (12px)

Teksto
#ffffff
Background
#b400ff

Mga Sumbanan sa WCAG

Level AA

Minimum nga contrast ratio nga 4.5:1 para sa normal nga teksto ug 3:1 para sa dagkong teksto. Kinahanglanon para sa kadaghanan nga mga website.

Level AAA

Gipalambo nga contrast ratio nga 7:1 para sa normal nga teksto ug 4.5:1 para sa dagkong teksto. Girekomenda para sa optimal nga accessibility.

Insufficient contrast para sa tanang text sizes - napakyas sa WCAG standards.

Color Contrast Checker

Kalkulaha ang contrast ratio sa teksto ug background nga mga kolor.

Pilia ang usa ka kolor gamit ang Color Picker para sa teksto ug background nga kolor o isulod ang usa ka kolor sa RGB hexadecimal nga porma (pananglitan, #259 o #2596BE). Mahimo nimo i-adjust ang slider aron mapili ang kolor. Ang Web Content Accessibility Guidelines (WCAG) adunay espesipikong giya aron matino kung mabasa ba ang teksto para sa mga nakakita nga tiggamit. Kini nga criteria naggamit og partikular nga algorithm aron i-map ang mga kombinasyon sa kolor ngadto sa maikukumpara nga mga ratio. Pinaagi sa kini nga pormula, giingon sa WCAG nga ang 4.5:1 nga color contrast ratio sa teksto ug sa background niini igo na para sa regular (body) nga teksto, ug ang dagkong teksto (18+ pt regular, o 14+ pt bold) kinahanglan adunay labing menos 3:1 nga color contrast ratio.

Key features

  • Real-time contrast ratio calculation
  • WCAG AA & AAA compliance checking
  • HSL sliders para sa fine-tuning
  • Daghang preview formats

Advanced tools

  • Automatic color fixing
  • Text ug background samples
  • Color name detection
  • Export results