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.

5.72 go 1
Codarsnacht
AA
Toradh téacs
Maith

Snaimhchomparáid: #FFFFFF ar #BB3344

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

    Tá 1.28 breise ag teastáil

    Theip air

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
5.72 go 1. Téacs: sáraíonn AA, theipeann ar AAA. Comhpháirteanna UI: sáraíonn.
Conas atá seo seiceáilte
Dathanna a chuirtear i gcomparáid (tar éis meascadh)
Téacs #FFFFFF ar chúlra #BB3344
Lonrachas coibhneasta
Téacs 1.0000, cúlra 0.1334
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
5.7221 go 1, taispeánta mar 5.72 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
#ffffff
Cúlra
#bb3344

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.