TG we-Calculate logoTG we-Calculate
Всички калкулатори
Advanced

Калкулатор за коефициент на цветови контраст по WCAG

Измерете коефициента на контраст по WCAG между цвят на текста и цвят на фона, за да потвърдите, че текстът ви е четим и достъпен.
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
Резултатите са приблизителни и са само с обща информационна цел и не представляват професионален съвет — винаги проверявайте важните резултати независимо, преди да разчитате на тях. Прочетете пълния отказ от отговорност.
Бърз отговор

Как работи този калкулатор?

Коефициентът на контраст по WCAG е (по-светла осветеност + 0.05) / (по-тъмна осветеност + 0.05), с обхват от 1:1 до 21:1. Целете поне 4.5:1 за нормален текст и 3:1 за едър текст, за да покриете AA, или 7:1 и 4.5:1 за AAA. Въведете два шестнадесетични цвята за моментална проверка.

Формула
L = 0.2126·R + 0.7152·G + 0.0722·B (линеаризирани канали); ratio = (Llighter + 0.05) / (Ldarker + 0.05)
How this is calculated

Въведете шестнадесетичен цвят за преден план (текст) и шестнадесетичен цвят за фон. Приемат се както 3-цифрената съкратена форма (#fff), така и 6-цифрената (#ffffff), със или без водещ знак „#“.

Всеки цвят се преобразува в относителната си осветеност. 8-битовата стойност на канала се дели на 255, след което се линеаризира: ако резултатът s е равен на или под 0.03928, той се дели на 12.92, в противен случай става ((s + 0.055) / 1.055), повдигнато на степен 2.4. Линеаризираните стойности за червено, зелено и синьо се претеглят съответно с 0.2126, 0.7152 и 0.0722 и се сумират, за да дадат осветеността L. Коефициентът на контраст е (Llighter + 0.05) / (Ldarker + 0.05), където членът 0.05 моделира околното разсейване. Коефициентите варират от 1:1 (еднакви цветове) до 21:1 (чисто черно върху чисто бяло).

Праговете на WCAG 2.1 определят резултатите от покритието: AA изисква поне 4.5:1 за нормален текст и 3:1 за едър текст (приблизително 18pt или 14pt получер); AAA изисква 7:1 за нормален текст и 4.5:1 за едър текст. Изчислението е симетрично, така че размяната на преден план и фон дава същия коефициент. Оценява се само цветът и не се отчитат прозрачност, заглаждане (anti-aliasing) или припокриващи се слоеве.

Често задавани въпроси

Поне 4.5:1 за нормален основен текст и 3:1 за едър текст (около 18pt обикновен или 14pt получер). За по-строгото ниво AAA са нужни 7:1 за нормален и 4.5:1 за едър текст.

Не. Формулата използва по-светлата и по-тъмната осветеност независимо от това кой цвят сте определили като преден план, така че размяната на двата входа дава същия коефициент.

Чисто бялото има относителна осветеност 1, а чисто черното — 0. Заместването на тези стойности в (1 + 0.05) / (0 + 0.05) дава точно 21 — най-високият постижим контраст.

Известен също като

калкулатор контраст на цветове
wcag контраст
съотношение на контраст
проверка на цветен контраст
контраст за достъпност
aa aaa контраст
contrast ratio

APA

TG we-Calculate Editorial Team. (2026). Калкулатор за коефициент на цветови контраст по WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/bg/calculator/color-contrast-ratio-calculator

Chicago

TG we-Calculate Editorial Team. "Калкулатор за коефициент на цветови контраст по WCAG." TG we-Calculate. 2026. https://we-calculate.com/bg/calculator/color-contrast-ratio-calculator.

IEEE

TG we-Calculate Editorial Team, "Калкулатор за коефициент на цветови контраст по WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/bg/calculator/color-contrast-ratio-calculator

BibTeX

@misc{wecalculate_color_contrast_ratio_calculator, title = {Калкулатор за коефициент на цветови контраст по WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/bg/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }

Помогна ли ви този калкулатор?

Свързани калкулатори

Конвертор от HEX към RGB цвят

Преобразувайте шестнадесетичен цветови код (#RGB или #RRGGBB) в стойности на каналите червено, зелено и синьо и в CSS низ rgb().

Beginner

Конвертор от RGB към HEX цвят

Превърнете стойностите за червено, зелено и синьо (0-255) в шестнадесетичен код #RRGGBB плюс готов за употреба CSS низ rgb().

Beginner

Генератор на случаен цвят

Генерирайте случаен цвят и получете неговите HEX, RGB и HSL кодове веднага.

Beginner

Конвертор от RGB към HSL цвят

Преобразувайте цветовите канали на RGB в HSL (тон в градуси, наситеност и светлота в проценти) за по-лесна настройка на цветовете.

Intermediate

Калкулатор за високосна година

Проверете дали дадена година е високосна по григорианското правило, вижте защо и разгледайте следващите няколко високосни години, както и броя дни през февруари.

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