Գույնի հակադրության ստուգիչ

Ստուգիր ֆոնի և տեքստի գույների հակադրության հարաբերակցությունը՝ ապահովելու համար հասանելիությունը։

1.00:1
Հակադրություն
Fail
Շատ վատ

Սովորական տեքստ

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

Մեծ տեքստ

AA (3:1)
AAA (4.5:1)
White
#ffffff
Napa
#aca494

Արագ ուղղումներ

Aa

Նախադիտման վերնագիր

Արագ շագանակագույն աղվեսը ցատկում է ծույլ շան վրայով

Փոքր տեքստի օրինակ (12px)

Տեքստ
#ffffff
Ֆոն
#aca494

WCAG չափանիշներ

Level AA

Նվազագույն հակադրության հարաբերակցություն 4.5:1 սովորական տեքստի և 3:1 մեծ տեքստի համար։ Պահանջվում է մեծամասնության կայքերի համար։

Level AAA

Բարձրացված հակադրության հարաբերակցություն 7:1 սովորական տեքստի և 4.5:1 մեծ տեքստի համար։ Առաջարկվում է օպտիմալ հասանելիության համար։

Անբավարար կոնտրաստ բոլոր տեքստի չափերի համար - չի համապատասխանում WCAG ստանդարտներին։

Գույնի հակադրության ստուգիչ

Հաշվիր տեքստի և ֆոնի գույների հակադրության հարաբերակցությունը։

Ընտրիր գույնը գույնի selector-ի միջոցով տեքստի և ֆոնի գույնի համար կամ մուտքագրիր գույնը RGB հեքսադեցիմալ ձևաչափով (օրինակ՝ #259 կամ #2596BE): Կարող ես կարգավորել սլայդերը գույն ընտրելու համար։ Վեբ բովանդակության հասանելիության ուղեցույցները (WCAG) ունեն հատուկ ուղեցույց, որը կօգնի պարզել, արդյոք տեքստը ընթեռնելի է տեսողություն ունեցող օգտատերերի համար։ Այս չափանիշը օգտագործում է հատուկ ալգորիթմ՝ գույնի համադրությունները համեմատելի հարաբերակցությունների վերածելու համար։ Օգտագործելով այս բանաձևը, WCAG-ը նշում է, որ 4.5:1 գույնի հակադրության հարաբերակցությունը տեքստի և դրա ֆոնի հետ բավարար է սովորական (մարմնի) տեքստի համար, իսկ մեծ տեքստը (18+ pt սովորական, կամ 14+ pt հաստ) պետք է ունենա առնվազն 3:1 գույնի հակադրության հարաբերակցություն։

Հիմնական հնարավորություններ

  • Կոնտրաստի հարաբերակցության իրական ժամանակի հաշվարկ
  • WCAG AA & AAA համապատասխանության ստուգում
  • HSL սլայդերներ նուրբ կարգավորման համար
  • Բազմաթիվ նախադիտման ձևաչափեր

Ընդլայնված գործիքներ

  • Գույների ավտոմատ ուղղում
  • Տեքստի և ֆոնի նմուշներ
  • Գույնի անվան ճանաչում
  • Արդյունքների արտահանում