ImageColorPicker.com

Nānā ʻokoʻa kala

E hoʻāʻo i ka ratio ʻokoʻa ma waena o nā kala mua a me nā kala o ka papa e hōʻoia i ka hiki ke komo.

E nānā i kāu mau kala

E hoʻāʻo i nā hui kala e hōʻoia i ka hoʻokō ʻana i nā kūlana hiki ke komo WCAG no ka heluhelu ʻana i ka ʻaoʻao.

10.43 i ka hoʻokahi
ʻOkoʻa
AAA
Hopena kākau
Maikaʻi loa

Ua hoʻohālikelike ʻia: #000000 ma #9EC361

Kākau

16px, Maʻamau (400)

Hoʻokomo ʻia ma ke ʻano he kākau maʻamau.

  • AA (WCAG 1.4.3): maʻa mau 4.5:1

    Ua pono

  • AAA (WCAG 1.4.6): maʻa mau 7:1

    Ua pono

Nā naʻauao UI a me nā kiʻi

Nā hōʻailona, nā palena komo, nā kuhikuhi ʻāpono a me nā ʻāpana ʻē aʻe e makemake ai ʻoe e ʻike no ka hoʻohana ʻana i ka pane.

  • AA (WCAG 1.4.11): maʻa mau 3:1

    Ua pono
10.43 i ka 1. Kākau: hoʻopiha i AA, hoʻopiha i AAA. Nā mea UI: hoʻopiha.
Pehea i nānā ʻia ai kēia
Nā waihoʻoluʻu i hoʻohālikelike ʻia (ma hope o ka hui pū)
Kākau #000000 ma hope #9EC361
Luminance pili
Kākau 0.0000, hope 0.4716
Hāʻai
(L1 + 0.05) / (L2 + 0.05) no laila L1 ke luminance o ka waihoʻoluʻu ʻālohilohi a L2 o ka waihoʻoluʻu ʻeleʻele.
Pilina pololei
10.4324 i ka 1, hōʻike ʻia ma ke ʻano he 10.43 i ka 1. Ua ʻoki ʻia ka waiwai i hōʻike ʻia, ʻaʻole i pākō ʻia, no laila ʻaʻole ia e ʻike ʻoi aku ma mua o kona ʻoiaʻiʻo. ʻO ka waiwai pololei ka mea e hoʻohālike ʻia me ke koi.

Nui kikokiko: 16px, Maʻamau (400)

Hoʻokomo ʻia ma ke ʻano he kākau maʻamau. He nui nui ka kākau ke liʻiliʻi 24px (18pt), a i ʻole liʻiliʻi 18.67px (14pt) ke paʻa (kaumaha 700 a ʻoi aku). Hōʻike ʻia nā nui i kuea ʻia, ʻaʻole i hoʻoponopono ʻia.

Hoʻokomo ʻia ma ke ʻano he kākau maʻamau. He nui nui ka kākau ke liʻiliʻi 24px (18pt), a i ʻole liʻiliʻi 18.67px (14pt) ke paʻa (kaumaha 700 a ʻoi aku). Hōʻike ʻia nā nui i kuea ʻia, ʻaʻole i hoʻoponopono ʻia.

Aa
Poʻo hōʻike

Holo ka ʻīlio hihiu ʻeleʻele ma luna o ka ʻīlio moloā

Laʻana huaʻōlelo liʻiliʻi (12px)

Huaʻōlelo
#000000
Papa
#9ec361

Nā Kūlana WCAG

Pae AA

Liʻiliʻi ʻo ka ratio o 4.5:1 no ka kikokikona maʻamau a me 3:1 no ka kikokikona nui. I koi ʻia no ka nui o nā pūnaewele.

Pae AAA

Hoʻonui ʻia ka ratio o 7:1 no ka kikokikona maʻamau a ʻo 4.5:1 no ka kikokikona nui. Koi ʻia no ka hiki ke komo kūpono.

Mea nānā ʻokoʻa kala

E helu i ka ratio ʻokoʻa o ka ʻaoʻao a me nā kala o ka papa.

E koho i kahi waihoʻoluʻu e hoʻohana ana i ka mea koho waihoʻoluʻu no ke kala kikokikona a me ka waihoʻoluʻu o ke kua a i ʻole e komo i kahi waihoʻoluʻu i ka RGB hexadecimal format (e.g., #259 a i ʻole #2596BE). Hiki iā ʻoe ke hoʻoponopono i ka pūnaewele e koho i ka waihoʻoluʻu. Loaʻa i nā ʻōlelo aʻoaʻo no ka ʻIke Pūnaewele (WCAG) kahi alakaʻi kikoʻī e kōkua i ka ʻike ʻana inā hiki ke heluhelu ʻia ka kikokikona no ka poʻe ʻike maka. Hoʻohana kēia mau kūlana i kahi algorithm kikoʻī e hoʻopaʻa i nā hoʻohālikelike waihoʻoluʻu i nā ratios like. E hoʻohana ana i kēia kumu hoʻohālike, haʻi aku ʻo WCAG ua lawa kahi 4.5:1 ratio waihoʻoluʻu ʻana me ke kikokikona a me kona ʻaoʻao ʻaoʻao no ka kikokikona maʻamau, a ʻo ka nui (18+ pt maʻamau, a i ʻole 14+ pt bold) e loaʻa i ka liʻiliʻi he 3: 1 ratio waihoʻoluʻu.

Nā hiʻohiʻona koʻikoʻi

  • Helu helu ʻokoʻa manawa maoli
  • Nā nānā kūlike WCAG AA & AAA
  • Nā mea hoʻoneʻe HSL no ka hoʻoponopono ʻana
  • Nā ʻano hiʻohiʻona he nui

Nā mea hana holomua

  • Hoʻoponopono kala ʻakomi
  • Nā laʻana kikokikona a me ka papaʻāina
  • ʻIke inoa kala
  • Hoʻokuʻu i nā hopena

Nā nīnau i nīnau pinepine ʻia

No ke kū ʻana WCAG AA, pono ke kikokikona maʻamau i ka ratio ʻokoʻa haʻahaʻa loa 4.5:1, aka, pono ke kikokikona nui (18pt a i ʻole 14pt mānoanoa) i 3:1.

Pono ʻo WCAG AAA i nā ratio ʻokoʻa kiʻekiʻe: 7:1 no ke kikokikona maʻamau a me 4.5:1 no ke kikokikona nui, ma ka hoʻohālikelike ʻana me 4.5:1 a me 3:1 o AA.

E hoʻohana i ka hana hoʻoponopono akomi o mākou e hoʻoponopono ai i ke kikokikona a i ʻole nā kala papa me ka mālama ʻana i kāu manaʻo hoʻolālā, a i ʻole e hoʻoponopono lima ai i nā kala me nā mea hoʻoneʻe HSL me nā hōʻailona ʻike e hōʻike ana i nā wahi maikaʻi no ke kū ʻana AA/AAA.

Hōʻike nā wahi ʻōmaʻomaʻo a me nā hōʻailona AA/AAA i nā pae maikaʻi no ke kū ʻana WCAG. Alakaʻi nā aʻo kuhikuhi (ʻOi aku ka mālamalama/ʻOi aku ka pōʻeleʻele) iā ʻoe i ka ʻokoʻa maikaʻi aʻe ma muli o kāu hui kala o kēia manawa.

ʻAe, hiki iā ʻoe ke komo i nā code hex kala a i ʻole e hoʻohana i ka mea koho kala e koho ai i nā kala ponoʻī. Hou ʻia ka URL ma ke ʻano aunoa i hiki iā ʻoe ke kaʻana like i nā hui kala kikoʻī.