TG we-Calculate logoTG we-Calculate
Toate calculatoarele
Advanced

Calculator de raport de contrast al culorilor WCAG

Măsoară raportul de contrast WCAG dintre o culoare de prim-plan și una de fundal pentru a confirma că textul tău este lizibil și accesibil.
Text color, e.g. #333 or #1a1a1a
Background color, e.g. #fff or #ffffff
Contrast ratio
17,40

Higher is more readable (max 21:1)

Contrast ratio: 17,4:1: AAA
AA normal text (4.5:1)
Pass
AA large text (3:1)
Pass
AAA normal text (7:1)
Pass
AAA large text (4.5:1)
Pass
Step by step
  1. 1

    Fg relative luminance

    0.2126×0,0103 + 0.7152×0,0103 + 0.0722×0,0103 = 0,0103
    Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG
  2. 2

    Bg relative luminance

    0.2126×1 + 0.7152×1 + 0.0722×1 = 1
  3. 3

    Contrast ratio

    (1 + 0.05) ÷ (0,0103 + 0.05) = 17,40
Rezultatele sunt estimări furnizate doar cu titlu informativ general și nu constituie sfaturi profesionale — verifică întotdeauna în mod independent rezultatele importante înainte de a te baza pe ele. Citește declinarea completă a responsabilității.
Răspuns rapid

Cum funcționează acest calculator?

Raportul de contrast WCAG este (luminanța mai deschisă + 0,05) / (luminanța mai închisă + 0,05), variind de la 1:1 la 21:1. Țintește cel puțin 4,5:1 pentru text normal și 3:1 pentru text mare pentru a îndeplini AA, sau 7:1 și 4,5:1 pentru AAA. Introdu două culori hex pentru a verifica instantaneu.

Formulă
L = 0,2126·R + 0,7152·G + 0,0722·B (canale liniarizate); raport = (Lmaideschis + 0,05) / (Lmaiînchis + 0,05)
How this is calculated

Introdu o culoare hex de prim-plan (text) și o culoare hex de fundal. Sunt acceptate atât forma prescurtată de 3 cifre (#fff), cât și cea de 6 cifre (#ffffff), cu sau fără "#"-ul de la început.

Fiecare culoare este convertită în luminanța sa relativă. Valoarea canalului pe 8 biți este împărțită la 255, apoi liniarizată: dacă rezultatul s este la sau sub 0,03928, este împărțit la 12,92, altfel devine ((s + 0,055) / 1,055) ridicat la puterea 2,4. Valorile liniarizate de roșu, verde și albastru sunt ponderate cu 0,2126, 0,7152 și, respectiv, 0,0722 și însumate pentru a obține luminanța L. Raportul de contrast este (Lmaideschis + 0,05) / (Lmaiînchis + 0,05), unde termenul 0,05 modelează reflexia ambientală. Rapoartele variază de la 1:1 (culori identice) la 21:1 (negru pur pe alb pur).

Pragurile WCAG 2.1 determină rezultatele de trecere: AA necesită cel puțin 4,5:1 pentru text normal și 3:1 pentru text mare (aproximativ 18pt, sau 14pt aldin); AAA necesită 7:1 pentru text normal și 4,5:1 pentru text mare. Calculul este simetric, deci schimbarea prim-planului cu fundalul dă același raport. Evaluează doar culoarea și nu ia în calcul opacitatea, anti-aliasingul sau straturile suprapuse.

Întrebări frecvente

Cel puțin 4,5:1 pentru textul normal al corpului și 3:1 pentru textul mare (aproximativ 18pt obișnuit sau 14pt aldin). Pentru nivelul mai strict AAA ai nevoie de 7:1 normal și 4,5:1 mare.

Nu. Formula folosește luminanța mai deschisă și cea mai închisă indiferent de care culoare o etichetezi ca prim-plan, deci schimbarea celor două intrări produce același raport.

Albul pur are o luminanță relativă de 1, iar negrul pur de 0. Introducându-le în (1 + 0,05) / (0 + 0,05) se obține exact 21, cel mai mare contrast realizabil.

Cunoscut și ca

calculator contrast culori
raport de contrast
contrast wcag
verificare contrast
accesibilitate culori
contrast aa aaa
contrast text

APA

TG we-Calculate Editorial Team. (2026). Calculator de raport de contrast al culorilor WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/ro/calculator/color-contrast-ratio-calculator

Chicago

TG we-Calculate Editorial Team. "Calculator de raport de contrast al culorilor WCAG." TG we-Calculate. 2026. https://we-calculate.com/ro/calculator/color-contrast-ratio-calculator.

IEEE

TG we-Calculate Editorial Team, "Calculator de raport de contrast al culorilor WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/ro/calculator/color-contrast-ratio-calculator

BibTeX

@misc{wecalculate_color_contrast_ratio_calculator, title = {Calculator de raport de contrast al culorilor WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/ro/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }

Te-a ajutat acest calculator?

Calculatoare similare

Convertor de culori HEX în RGB

Convertește un cod de culoare hex (#RGB sau #RRGGBB) în valorile canalelor de roșu, verde și albastru și un șir CSS rgb().

Beginner

Convertor de culori RGB în HEX

Transformă valorile de roșu, verde și albastru (0-255) într-un cod hex #RRGGBB plus un șir CSS rgb() gata de utilizat.

Beginner

Generator de Culori Aleatorii

Generați o culoare aleatorie și obțineți instant codurile HEX, RGB și HSL.

Beginner

Convertor de culori RGB în HSL

Convertește canalele de culoare RGB în HSL (nuanță în grade, saturație și luminozitate în procente) pentru ajustarea mai ușoară a culorilor.

Intermediate

Calculator an bisect

Verifică dacă un an este bisect folosind regula gregoriană, vezi motivul și listează următorii ani bisecți, precum și numărul de zile din februarie.

Beginner

Acreage Calculator

Calculate the acreage of a rectangular, triangular or circular plot from its dimensions, with results in acres, sq ft, sq m and hectares.

Beginner