Kontrolkera berevajiya rengan

Rengên xwe kontrol bikin

Têkelên rengan biceribînin da ku hûn piştrast bin ku ew li gorî standardên gihîştina WCAG-ê ji bo xwendina nivîsê ne.

Dijîtî

Encama nivîsê

Baş

Compare kirin: #000000 li ser #CF6291

Nivîs

16px, Regular (400)

Wek nivîsa normal tê hesibandin.

AA (WCAG 1.4.3): kêmî 4.5:1
Derbas
AAA (WCAG 1.4.6): kêmî 7:1
Pêdivîyeke 1.20 zêde heye
Têk çû

Parçeyên UI û grafik

İkonan, sinoran pêşîn, nîşandanên fokus û beşên din ên ku divê tu bibînî da ku interfejs bikar bînî.

AA (WCAG 1.4.11): kêmî 3:1
Derbas

Ev çawa tê kontrol kirin

Rengên têne compare kirin (piştî tevkirin): Nivîs #000000 li ser paşve #CF6291
Luminansê têkildar: Nivîs 0.0000, paşve 0.2404
Formûla: (L1 + 0.05) / (L2 + 0.05) ku li vir L1 luminansê rengê ronahîtir e û L2 ya rengê tarî tê.
Rêza rast: 5.8090 ji bo 1, nîşandan wekî 5.80 ji bo 1. Nirxa nîşandayî tê birrîn, nayê gilover kirin, ji ber vê qet ji ya ku ew e çêtir xuya nake. Nirxa rast ew e ku bi pêdiviyê re tê berhev kirin.

Mezinahiya nivîsê: 16px, Regular (400)

Wek nivîsa normal tê hesibandin. Nivîsa mezin herî kêm 24px (18pt) ye, an jî herî kêm 18.67px (14pt) dema ku stûr e (giraniya 700 an zêdetir). Mezinahî birrî tên nîşandan, nayên gilover kirin.

Kriter

Rengê Nivîsê

Rengê Paşerojê

Mezinahiya nivîs (px)

Giraniya fontê

Sernavê pêşdîtinê

Rovîyekî qehweyî yê bilez li ser kûçikê tembel diqelişe

Nimûneya nivîsa biçûk (12px)

Nivîstok

#000000

Paşî

#cf6291

Standardên WCAG

Asta AA

Rêjeya berevajî ya herî kêm 4.5:1 ji bo nivîsa normal û 3:1 ji bo nivîsa mezin. Ji bo piraniya malperan pêdivî ye.

Asta AAA

Rêjeya berevajî ya zêdekirî 7:1 ji bo nivîsa normal û 4.5:1 ji bo nivîsa mezin. Ji bo gihîştina çêtirîn tê pêşniyarkirin.

Rêjeya berevajî ya rengên nivîs û paşîn hesab bikin.

Rengek bi hilbijarka rengan ji bo rengê nivîsê û paşxanê hilbijêrin an jî rengek bi forma hexadecimal RGB binivîsin (mînak, #259 an #2596BE). Hûn dikarin sliderê eyar bikin ku reng hilbijêrin. Rêbernameyên Gihîştina Naveroka Webê (WCAG) rêwerzek taybetî heye ku ji bo alîkariyê bide fêm kirin ka nivîs ji bo bikarhênerên çavan tê xwendin an na. Ev pîvan algorîtmayek taybetî bikar tîne da ku berhevokên rengan li rêjeyên berawirdî nexşîne. Bi karanîna vê formulê, WCAG diyar dike ku rêjeya berevajiya rengîn a 4.5: 1 bi nivîsê û paşxaneya wê re ji bo nivîsa birêkûpêk (beden) têr e, û nivîsa mezin (18+ pt bi rêkûpêk, an 14+ pt stûr) divê herî kêm 3 hebe: Rêjeya berevajî 1 rengî.

Taybetmendiyên sereke

Hesabkirina rêjeya berevajî ya demrast
Kontrolkirina lihevhatina WCAG AA û AAA
Slayderên HSL ji bo mîhengkirina baş
Gelek formatên pêşdîtinê

Amûrên pêşketî

Rastkirina rengê otomatîk
Nimûneyên nivîs û paşxaneyê
Tesbîtkirina navê rengan
Encamên hinardekirinê

Pirsên pir tên pirsîn

Ji bo lihevkirina WCAG AA, nivîsa normal rêjeya berevajiya herî kêm 4,5:1 hewce dike, di heman demê de nivîsa mezin (18pt an 14pt stûr) 3:1 hewce dike.

WCAG AAA rêjeyên berevajiyê yên bilindtir hewce dike: 7:1 ji bo nivîsa normal û 4,5:1 ji bo nivîsa mezin, li gorî AA ku 4,5:1 û 3:1 ye.

Ji bo sererastkirina nivîs an rengên paşxaneyê bi parastina armanca sêwirana we, karûbara rastkirina otomatîk a me bikar bînin, an jî rengan bi destan bi slider'ên HSL û nîşanên dîtbar ên ku herêmên çêtirîn ji bo lihevkirina AA/AAA nîşan didin sererast bikin.

Deverên kesk û nîşanên AA/AAA rêzên çêtirîn ji bo bidestxistina lihevkirina WCAG nîşan didin. Serişteyên aliyê (Ronîtir/Tarîtir) li gorî kombînasyona rengên we ya heyî we ber bi berevajiyek çêtir ve rêber dikin.

Erê, hûn dikarin her kodek hex binivîsin an hilbijêrê rengan bikar bînin da ku rengên taybet hilbijêrin. URL bixweber nûve dibe da ku hûn kombînasyonên rengan ên taybet parve bikin.