Seiceálaí codarsnachta datha

Déan tástáil ar an gcóimheas codarsnachta idir dathanna tosaigh agus cúlra chun inrochtaineacht a chinntiú.

Seiceáil do dhathanna

Déan teaglaim dathanna a thástáil chun a chinntiú go gcomhlíonann siad caighdeáin inrochtaineachta WCAG le haghaidh inléiteacht téacs.

10.62 go 1
Codarsnacht
AAA
Toradh téacs
An-mhaith

Snaimhchomparáid: #000000 ar #00D1A0

Téacs

16px, Rialta (400)

Áirítear mar théacs gnáth.

  • AA (WCAG 1.4.3): ar a laghad 4.5:1

    Comhlíonta
  • AAA (WCAG 1.4.6): ar a laghad 7:1

    Comhlíonta

Comhpháirteanna UI agus grafaic

Deilbhíní, imeall ionchur, táscairí fócas agus codanna eile atá riachtanach chun an comhéadan a úsáid.

  • AA (WCAG 1.4.11): ar a laghad 3:1

    Comhlíonta
10.62 go 1. Téacs: sáraíonn AA, sáraíonn AAA. Comhpháirteanna UI: sáraíonn.
Conas atá seo seiceáilte
Dathanna a chuirtear i gcomparáid (tar éis meascadh)
Téacs #000000 ar chúlra #00D1A0
Lonrachas coibhneasta
Téacs 0.0000, cúlra 0.4813
Foirmle
(L1 + 0.05) / (L2 + 0.05) áit a bhfuil L1 luminescence an dath níos éadroime agus L2 an dath níos dorcha.
Cóimheas cruinn
10.6277 go 1, taispeánta mar 10.62 go 1. Tá an luach a thaispeántar gearrtha, gan é a chruinniú, mar sin ní bhíonn cuma níos fearr air ná mar atá ann i ndáiríre. Is é an luach cruinn a chuirtear i gcomparáid leis an gceanglas.

Méid téacs: 16px, Rialta (400)

Áirítear mar théacs gnáth. Is é téacs mór ná téacs atá ar a laghad 24px (18pt), nó ar a laghad 18.67px (14pt) nuair atá sé trom (meáchan 700 nó níos mó). Taispeántar méideanna gearrtha, gan iad a chruinniú.

Áirítear mar théacs gnáth. Is é téacs mór ná téacs atá ar a laghad 24px (18pt), nó ar a laghad 18.67px (14pt) nuair atá sé trom (meáchan 700 nó níos mó). Taispeántar méideanna gearrtha, gan iad a chruinniú.

Aa
Teideal réamhamhairc

Léimeann an sionnach donn tapa thar an madra leisciúil

Sampla téacs beag (12px)

Téacs
#000000
Cúlra
#00d1a0

Caighdeáin WCAG

Leibhéal AA

Cóimheas íosta codarsnachta de 4.5:1 do ghnáth-théacs agus 3:1 do théacs mór. Éigeantach do fhormhór na suíomhanna gréasáin.

Leibhéal AAA

Cóimheas feabhsaithe codarsnachta de 7:1 do ghnáth-théacs agus 4.5:1 do théacs mór. Molta do inrochtaineacht optamach.

Seiceálaí codarsnachta datha

Ríomh cóimheas codarsnachta téacs agus dathanna cúlra.

Roghnaigh dath ag úsáid an roghnóir datha do dhath téacs agus cúlra nó cuir isteach dath i bhformáid heicsidheachúlach RGB (m.sh. #259 nó #2596BE). Is féidir leat an sleamhnán a choigeartú chun dath a roghnú. Tá treoir ar leith ag na Treoirlínte Inrochtaineachta Ábhar Gréasáin (WCAG) chun cabhrú le bheith cinnte go bhfuil téacs inléite do dhaoine a fheiceann. Úsáideann an critéir seo algartam ar leith chun teaglamaí dathanna a mhapáil isteach i gcóimheasa inchomparáide. De réir na foirmle seo, deir WCAG go bhfuil cóimheas codarsnachta dath de 4.5:1 le téacs agus a chúlra leordhóthanach do ghnáthoibríocht (téacs coirp), agus ba chóir go mbeadh téacs mór (18+ pt gnáth, nó 14+ pt trom) ar a laghad ag 3:1 cóimheas codarsnachta dath.

Príomhghnéithe

  • Ríomhaireacht cóimheas codarsnachta i bhfíor-am
  • Seiceáil comhlíonta WCAG AA & AAA
  • Sleamhnáin HSL le haghaidh mionchoigeartaithe
  • Ilfhoirmeacha réamhamhairc

Uirlisí ardleibhéil

  • Deisiú dathanna go huathoibríoch
  • Samplaí téacs agus cúlra
  • Brath ainm datha
  • Easpórtáil torthaí

Ceisteanna coitianta

Le haghaidh comhlíonta WCAG AA, teastaíonn cóimheas codarsnachta íosta 4.5:1 ó théacs gnáth, agus teastaíonn 3:1 ó théacs mór (18pt nó 14pt i gcló trom).

Éilíonn WCAG AAA cóimheasa codarsnachta níos airde: 7:1 do théacs gnáth agus 4.5:1 do théacs mór, i gcomparáid le 4.5:1 agus 3:1 do AA faoi seach.

Úsáid an ghné deisithe uathoibríche chun téacs nó cúlra a choigeartú agus intinn do dhearaidh á coinneáil agat, nó coigeartaigh na dathanna de láimh leis na sleamhnáin HSL, a thaispeánann na limistéir is fearr le haghaidh comhlíonta AA/AAA.

Léiríonn na limistéir ghlasa agus na marcóirí AA/AAA na raonta is fearr chun comhlíonadh WCAG a bhaint amach. Treoraíonn na leideanna treo (Níos éadroime/Níos dorcha) thú i dtreo codarsnachta níos fearr bunaithe ar do chomhcheangal dathanna reatha.

Is féidir. Is féidir leat aon chódanna HEX a iontráil nó an roghnóir datha a úsáid chun dathanna saincheaptha a roghnú. Nuashonraítear an URL go huathoibríoch ionas gur féidir leat comhcheangal dathanna ar leith a roinnt.