TG we-Calculate logoTG we-Calculate
Összes kalkulátor
Advanced

WCAG színkontraszt-arány kalkulátor

Mérd meg a WCAG kontrasztarányt egy előtér- és háttérszín között, hogy megerősítsd: a szöveged olvasható és akadálymentes.
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
Az eredmények csak általános tájékoztatásul szolgáló becslések, és nem minősülnek szakmai tanácsadásnak — a fontos eredményeket mindig ellenőrizze függetlenül, mielőtt rájuk hagyatkozna. Olvassa el a teljes jogi nyilatkozatot.
Gyors válasz

Hogyan működik ez a kalkulátor?

A WCAG kontrasztarány (világosabb luminancia + 0,05) / (sötétebb luminancia + 0,05), 1:1-től 21:1-ig terjedően. Az AA megfeleléshez törekedj legalább 4,5:1-re normál szöveghez és 3:1-re nagy szöveghez, vagy 7:1-re és 4,5:1-re az AAA-hoz. Add meg a két hex színt az azonnali ellenőrzéshez.

Képlet
L = 0,2126·R + 0,7152·G + 0,0722·B (linearizált csatornák); arány = (Lvilágosabb + 0,05) / (Lsötétebb + 0,05)
How this is calculated

Add meg egy előtér- (szöveg-) hex színt és egy háttér hex színt. Mind a 3 jegyű rövidítés (#fff), mind a 6 jegyű (#ffffff) forma elfogadott, a vezető "#"-tel vagy anélkül.

Minden szín a relatív luminanciájára konvertálódik. A 8 bites csatornaérték 255-tel osztódik, majd linearizálódik: ha az eredmény s legfeljebb 0,03928, akkor 12,92-vel osztódik, egyébként ((s + 0,055) / 1,055) lesz a 2,4. hatványra emelve. A linearizált vörös, zöld és kék értékek rendre 0,2126, 0,7152 és 0,0722 súlyozással szorzódnak és összegződnek, hogy megadják az L luminanciát. A kontrasztarány (Lvilágosabb + 0,05) / (Lsötétebb + 0,05), ahol a 0,05 tag a környezeti fényszórást modellezi. Az arányok 1:1-től (azonos színek) 21:1-ig (tiszta fekete tiszta fehéren) terjednek.

A WCAG 2.1 küszöbértékek határozzák meg a megfelelési eredményeket: az AA legalább 4,5:1-et igényel normál szöveghez és 3:1-et nagy szöveghez (nagyjából 18pt, vagy 14pt félkövér); az AAA 7:1-et normál szöveghez és 4,5:1-et nagy szöveghez. A számítás szimmetrikus, így az előtér és a háttér felcserélése ugyanazt az arányt adja. Csak a színt értékeli, és nem veszi figyelembe az átlátszóságot, az élsimítást vagy az átfedő rétegeket.

Gyakran ismételt kérdések

Legalább 4,5:1 a normál törzsszöveghez és 3:1 a nagy szöveghez (körülbelül 18pt normál vagy 14pt félkövér). A szigorúbb AAA szinthez 7:1 normálhoz és 4,5:1 nagyhoz szükséges.

Nem. A képlet a világosabb és sötétebb luminanciát használja, függetlenül attól, hogy melyik színt jelölöd előtérnek, így a két bemenet felcserélése ugyanazt az arányt adja.

A tiszta fehér relatív luminanciája 1, a tiszta feketéé 0. Ezeket az (1 + 0,05) / (0 + 0,05) képletbe behelyettesítve pontosan 21-et kapunk, ami a legmagasabb elérhető kontraszt.

Más néven

kontrasztarány kalkulátor
színkontraszt
wcag kontraszt
kontraszt ellenőrző
akadálymentes szín
aa aaa kontraszt
kontraszt arány
színkontraszt ellenőrző

APA

TG we-Calculate Editorial Team. (2026). WCAG színkontraszt-arány kalkulátor [Online calculator]. TG we-Calculate. https://we-calculate.com/hu/calculator/color-contrast-ratio-calculator

Chicago

TG we-Calculate Editorial Team. "WCAG színkontraszt-arány kalkulátor." TG we-Calculate. 2026. https://we-calculate.com/hu/calculator/color-contrast-ratio-calculator.

IEEE

TG we-Calculate Editorial Team, "WCAG színkontraszt-arány kalkulátor," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/hu/calculator/color-contrast-ratio-calculator

BibTeX

@misc{wecalculate_color_contrast_ratio_calculator, title = {WCAG színkontraszt-arány kalkulátor}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/hu/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }

Segített ez a kalkulátor?

Kapcsolódó kalkulátorok

HEX-RGB szín átváltó

Alakíts át egy hex színkódot (#RGB vagy #RRGGBB) vörös, zöld és kék csatornaértékekké és egy CSS rgb() sztringgé.

Beginner

RGB-HEX szín átváltó

Alakíts át vörös, zöld és kék értékeket (0-255) egy #RRGGBB hex kóddá és egy használatra kész CSS rgb() sztringgé.

Beginner

Véletlenszín-generátor

Generáljon véletlenszerű színt, és azonnal kapja meg annak HEX, RGB és HSL kódjait.

Beginner

RGB-HSL szín átváltó

Alakíts át RGB színcsatornákat HSL-be (színárnyalat fokban, telítettség és világosság százalékban) a könnyebb színfinomításhoz.

Intermediate

Szökőév kalkulátor

Ellenőrizd, hogy bármely év szökőév-e a Gergely-szabály alapján, lásd meg, miért, és listázd ki a következő néhány szökőévet, valamint a februári napok számát.

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