Spalvų kontrasto tikrintuvas
Iš karto patikrinkite teksto ir fono spalvų kontrasto santykį bei skaitomumą pagal standartą (WCAG AA)
Savybės
Kontrasto santykis tikrinamas akimirksniu
Įvedę teksto ir fono spalvas, iš karto matote WCAG AA atitiktį
Paėmėjas ir kodai
Nurodykite spalvas naudodami HEX, sutrumpintą formą, rgb() kodą arba spalvų paėmėją
Dviejų dydžių pavyzdžiai
Iš karto peržiūrėkite, kaip atrodo įprastas tekstas ir antraštės
Atitinkančios spalvos vienu spustelėjimu
Iš karto pritaikykite pasiūlytas spalvas, kurios išlaiko atspalvį, bet keičia šviesumą
Kaip naudoti
Nurodykite teksto spalvą
Pasirinkite spalvą naudodami spalvų paėmėją arba įveskite spalvos kodą formoje #333333, #333 arba rgb(51, 51, 51)
Nurodykite fono spalvą
Tuo pačiu būdu nurodykite fono spalvą. Rezultatai atnaujinami automatiškai, paspaudus mygtuką nebūtina
Patikrinkite santykį, atitiktį ir pavyzdžius
Peržiūrėkite kontrasto santykį, įprasto ir didelio teksto atitiktį, vertinimą ir pavyzdinio teksto išvaizdą
Pritaikykite pasiūlytas spalvas ir patikrinkite iš naujo
Jei neatitinka, spustelėkite „Teksto spalvą pakeisti į ..." ir pritaikykite atitinkančią spalvą. Taip pat galite sukeisti teksto ir fono spalvas
Panaudojimo atvejai
Skaidrių ir medžiagos spalvų patikra
Prieš kuriant vidines skaidres ar medžiagą, patikrinkite, ar teksto ir fono spalvos yra lengvai skaitomos
Svetainės spalvų patikra
Patikrinkite, ar svetainės arba reklamos spalvos atitinka prieinamumo standartus (WCAG AA)
Prekės ženklo spalvos naudojimas tekstui
Naudodami prekės ženklo spalvą tekstui, nustatykite, kiek tamsesnė turi būti, kad būtų galima naudoti pagrindiniame tekste
Neatitinkančių spalvų taisymas
Pasiūlytas neatitinkančias spalvas pakeiskite atitinkančiomis, išlaikiodami originalinį atspalvį
Pagrindinės žinios
Kas yra kontrasto santykis
Kontrasto santykis yra teksto ir fono spalvų šviesos skirtumo rodiklis, išreikštas skaičiumi nuo 1:1 iki 21:1. Juoda ir balta spalva turi didžiausią santykį 21:1, o tapačios spalvos turi mažiausią 1:1.
- Kaip skaičiuojama：Kontrasto santykis apskaičiuojamas konvertavus abi spalvas į sRGB santykinį šviesumą, tada pridėjus 0,05 prie kiekvieno ir padalijus.
- Skaičių orientyrai：Baltam foliui (#FFFFFF), pilka spalva #777777 turi santykį 4,47:1, #999999 – 2,84:1, o juoda (#000000) – 21:1.
WCAG AA ir AAA skirtumai
WCAG yra tarptautinė interneto turinio prieinamumo gairė, nustatanti kontrasto santykio ribas AA ir AAA lygiais.
- AA (standartinis lygis)：AA reikalauja mažiausiai 4,5:1 įprastam tekstui ir 3,0:1 dideliam tekstui. Tai bendras tikslas interneto svetainėms.
- AAA (griežtesnis lygis)：AAA reikalauja mažiausiai 7:1 įprastam tekstui ir 4,5:1 dideliam tekstui, siekiant padaryti jį lengviau skaitomą žmonėms su silpna regėjimo aštrumu.
Didelio teksto apibrėžimas
WCAG didelis tekstas yra maždaug 18 taškų (24px) arba didesnis arba pastorintas 14 taškų (apie 18,7px) arba didesnis.
- Įprastas tekstas：Įprastas tekstas yra bet kuris tekstas, kuris neatitinka didelio teksto dydžio, pvz., pagrindinis tekstas arba pastabos. Jam reikia mažiausiai 4,5:1 kontrasto santykio.
- Ryšys su antraštėmis：Antraštės, kurios mažesnės nei 24px ir ne pastorintos, yra laikomos įprastu tekstu. Todėl reikia patikrinti ir dydį, ir storumą.
Sauga ir privatumas
Apdorojama naršyklėje
Įvesti duomenys apdorojami tik jūsų naršyklėje ir nesiunčiami į išorę.
Apdorota tik naršyklėje
Kontrasto santykio skaičiavimas ir spalvų pasiūlymai vykdoma tik jūsų naršyklėje, įvesties duomenys neišsiunčiami serveriui.
Ryšys šifruojamas HTTPS
Puslapio įkėlimas taip pat šifruojamas TLS, trečiosios šalys negali perskaityti turinio.
Nesiųsti trečiosioms šalims
Įvesties turinys neišsiunčiamas išorės paslaugoms, tokioms kaip reklamų tinklai ar sekimo sistemos.
Be automatinio rezultatų išsaugojimo
Įvesta teksto ir fono spalva ir įvesties pasiūlymai nėra saugomi serveryje.
Sekite RAKKOTOOLS Google paieškoje
194 patogiųjų įrankių bus lengviau rasti iš Google paieškos ir dirbtinio intelekto paieškos!
- Randama paieškoje
- Rodoma ir dirbtinio intelekto paieškoje
- Atrask naujus įrankius
Naujinimų informacija
- update #337
Pridėtas spalvų kontrasto tikrintuvas – patikrinkite teksto ir fono spalvų skaitomumą