Kontrolkera berevajiya rengan

Rêjeya berevajîkirina di navbera rengên pêş û paşxaneyê de biceribînin da ku gihîştinê piştrast bikin.

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.

19.81 ji bo 1
Dijîtî
AAA
Encama nivîsê
Yekemxweş

Compare kirin: #000000 li ser #E7FDF9

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

    Derbas

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
19.81 li hember 1. Nivîs: AA derbas dibe, AAA derbas dibe. Parçeyên UI: derbas dibe.
Ev çawa tê kontrol kirin
Rengên têne compare kirin (piştî tevkirin)
Nivîs #000000 li ser paşve #E7FDF9
Luminansê têkildar
Nivîs 0.0000, paşve 0.9407
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
19.8158 ji bo 1, nîşandan wekî 19.81 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.

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.

Aa
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şî
#e7fdf9

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.

Kontrolkera berevajiya rengan

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.