Kontrastsuse kontrollija

Sisestage teksti- ja taustavärv, et näha WCAG kontrastsuse suhet ja seda, millised AA ja AAA tasemed on läbitud.

—Kontrastsuse suhe
Tavaline tekstAA4.5:1—
Tavaline tekstAAA7:1—
Suur tekstAA3:1—
Suur tekstAAA4.5:1—
UI ja graafika3:1—
Sisestage kontrollimiseks teksti- ja taustavärv.

Iga kontroll toimub teie brauseris. Midagi teie sisestatust ei laadita BroBroGo serverisse.

KKK

Mida tähendavad AA ja AAA tulemused?

AA on tase, mille poole enamik veebisaite püüdleb: see nõuab tavalise teksti puhul suhet vähemalt 4.5:1 ja suure teksti puhul 3:1. AAA on rangem – 7:1 tavalise teksti ja 4.5:1 suure teksti puhul. Suhe ulatub vahemikku 1:1 (kontrast puudub) kuni 21:1 (must valgel).

Mis loetakse suureks tekstiks?

Tekst alates 18pt (umbes 24px) või poolpaks tekst alates 14pt (umbes 18.5px). Suurem tekst on loetav ka väiksema kontrastsuse juures, mistõttu see läbib AA taseme suhtega 3:1 ja AAA taseme suhtega 4.5:1 (tavalise teksti rangemate piirmäärade asemel).

Milliseid värvivorminguid saan sisestada?

Sisestage hex-väärtus nagu #1a1a1a, rgb() väärtus nagu rgb(26, 26, 26) või hsl() väärtus – või klõpsake värvi valimiseks mistahes näidist. Kasutage vahetusnuppu teksti- ja taustavärvide asukohtade vahetamiseks.

Kas see on WCAG 2 või uuem APCA meetod?

See tööriist kasutab WCAG 2.1 / 2.2 valemit, millele tuginevad praegused ligipääsetavuse reeglid ja auditid. APCA on uuem, tajupõhisem meetod, mida alles töötatakse välja WCAG 3 jaoks – see on lubav, kuid pole veel ametlik vastavusstandard, seega siinsed läbimistulemused seda ei kasuta.

VärvikonverterTeisendage värve HEX, RGB, HSL, HSV, CMYK ja LAB vahel — muutke mistahes välja ja ülejäänud uuenevad reaalajas.Pildi värvivalijaValige pildilt mis tahes piksel ja vaadake selle HEX-, RGB- ja HSL-väärtust koos suurendusklaasiga täpseks valimiseks.Pildivormingu teisendajaTeisendage JPG-, PNG-, WebP-, HEIC- ja AVIF-pilte otse oma veebilehitsejas.Kuvasuhte kalkulaatorTeisendage mis tahes laius × kõrgus selgeks suhteks nagu 16:9 või valige suhe ja arvutage puuduv külg — nii videote, fotode kui ka ekraanide jaoks.Box Shadow generaatorLohistage liugureid box-shadow kujundamiseks, lisage sügavuse saavutamiseks kihte ja kopeerige valmis CSS kohe.Gradiendi generaatorLooge lineaarseid, radiaalseid või koonilisi gradiente, lisage värvipunkte ja määrake suund ning kopeerige CSS ühe klõpsuga.