Convertor culori și verificator contrast
🔒 Rulează în browser
Verificator contrast WCAG
Titlu de exemplu
Acesta este textul de conținut afișat în culoarea de prim-plan aleasă, pe fundalul ales, ca să evaluați lizibilitatea reală, nu doar raportul.
Patru formate, o singură intrare
Introduceți sau lipiți orice culoare CSS — hex, rgb(), hsl(),
oklch() sau o culoare numită precum rebeccapurple — și o vedeți
reformatată instant în toate cele patru variante, fiecare cu propriul buton de copiere.
OKLCH este alegerea modernă: spre deosebire de HSL, pași egali în luminozitate
sau saturație arată uniform din punct de vedere perceptual, iar formatul poate reda culori
din afara gamei sRGB clasice, la care hex și rgb() sunt limitate.
Contrast WCAG, calculat exact
Verificatorul de contrast calculează raportul WCAG 2.x exact dintre două culori și afișează câte o pastilă de reușită sau eșec pentru fiecare prag: AA cere minimum 4,5:1 pentru text normal (3:1 pentru text mare — de la 18pt sau 14pt aldin), iar AAA ridică pragul la 7:1 pentru text normal. Cutia de previzualizare afișează exact perechea dumneavoastră de culori, ca să vedeți, nu doar să citiți, dacă rezultatul este lizibil.
Întrebări frecvente
Ce formate de culoare sunt acceptate?
Hex, rgb()/rgba(), hsl()/hsla(), OKLCH și culori numite CSS (de exemplu rebeccapurple) ca intrare; rezultatul este afișat mereu în toate cele patru formate — hex, RGB, HSL și OKLCH. OKLCH este alegerea modernă: spre deosebire de HSL, pași egali în luminozitate sau saturație arată uniform din punct de vedere perceptual și poate reda culori din afara gamei sRGB clasice.
Ce înseamnă AA, AA Large și AAA?
Praguri de contrast WCAG pentru text pe fundal: AA cere minimum 4,5:1 pentru text normal (3:1 pentru text mare — de la 18pt sau 14pt aldin), iar AAA ridică pragul la 7:1 pentru text normal. Verificatorul calculează raportul exact și afișează câte o pastilă de reușită sau eșec pentru fiecare nivel.
Pot alege o culoare direct de pe ecran?
Da, dacă browserul dumneavoastră acceptă API-ul EyeDropper (Chrome, Edge și alte browsere bazate pe Chromium) — un buton de pipetă vă permite să extrageți orice pixel de pe ecran. Firefox și Safari nu au încă acest API, deci butonul este ascuns acolo, dar puteți în continuare introduce sau lipi orice valoare de culoare.