ImageColorPicker.com

Igenzura ry'itandukaniro ry'amabara

Gerageza umubare w'inyurabwenge hagati y'ibara ry'imbere n'iry'inyuma kugira ngo wemeze ko bigerwaho.

Genzura amabara yawe

Gerageza guhuza amabara kugira ngo wemeze ko yujuje amabwiriza ya WCAG yo gusomeka kw'inyandiko.

5.06 kuri 1
Inyurabwenge
AA
Ibisubizo by'inyandiko
Byiza

Byagereranyijwe: #FFFFFF kuri #B331C3

Inyandiko

16px, Regular (400)

Bibarwa nk'inyandiko isanzwe.

  • AA (WCAG 1.4.3): nibura 4.5:1

    Byujuje

  • AAA (WCAG 1.4.6): nibura 7:1

    Hakenewe 1.94 birenzeho

    Ntibyatsinze

Ibice bya UI n'ibishushanyo

Akarango, imipaka y'ibibanza (input), ibimenyetso byo kugaragaza focus n'ibindi bice ugomba kubona kugira ngo ukoreshe intera.

  • AA (WCAG 1.4.11): nibura 3:1

    Byujuje
5.06 kuri 1. Inyandiko: byujuje AA, ntibyujuje AAA. Ibice bya UI: byujuje.
Uko ibi bipimwa
Amabara yagereranyijwe (nyuma yo kuvanga)
Inyandiko #FFFFFF kuri background #B331C3
Ubugari bw'urumuri (relative luminance)
Inyandiko 1.0000, background 0.1572
Ifomula
(L1 + 0.05) / (L2 + 0.05) aho L1 ari luminance y'ibara ryarushijeho kuba ryijimye kandi L2 ari iya ryarushijeho kuba ryirabura.
Umubare nyakuri
5.0674 kuri 1, byerekanwa nka 5.06 kuri 1. Agaciro kerekanywe karacibwa, ntikazengurutswa, bityo ntikigira kigaragara neza kurusha uko kari. Agaciro nyakuri niko gagereranywa n'ibisabwa.

Ingano y'inyuguti: 16px, Regular (400)

Bibarwa nk'inyandiko isanzwe. Inyandiko nini ni nibura 24px (18pt), cyangwa nibura 18.67px (14pt) iyo ari bold (uburemere 700 cyangwa burenze). Ingano zigaragazwa zikatirijwe, ntizikorweho za rounding.

Bibarwa nk'inyandiko isanzwe. Inyandiko nini ni nibura 24px (18pt), cyangwa nibura 18.67px (14pt) iyo ari bold (uburemere 700 cyangwa burenze). Ingano zigaragazwa zikatirijwe, ntizikorweho za rounding.

Aa
Reba mbere umutwe

Imbwebwe y'umukara yihuta isimbuka imbwa y'inanasi

Urugero rw'inyandiko ntoya (12px)

Inyandiko
#ffffff
Inyuma
#b331c3

Amabwiriza ya WCAG

Urwego AA

Urutonde rwa minini rwa 4.5:1 ku nyuguti zisanzwe na 3:1 ku nyuguti nini. Bihari kuri benshi mu mbuga za interineti.

Urwego AAA

Urutonde rw'inyongera rwa 7:1 ku nyuguti zisanzwe na 4.5:1 ku nyuguti nini. Bitegerezwa mu korohereza kugera ku buryo bukwiye.

Igenzura ry'itandukaniro ry'amabara

Bara umubare w'inyurabwenge hagati y'ibara ry'inyandiko n'iry'inyuma.

Hitamo ibara ukoresheje umuhitamo w’ibara ku nyuguti n’amabara y’inyuma cyangwa winjize ibara mu buryo bwa RGB hexadecimal (nko #259 cyangwa #2596BE). Ushobora guhindura umurongo wo hasi kugirango uhitemo ibara. Ibisabwa n'ibyapa by'imbuga za interineti (WCAG) ifite amabwiriza agenewe gufasha kumenya niba inyuguti zishobora gusomeka ku bantu bafite amarenga. Iki bipimo gikoresha algorithm runaka kugirango isohore ibihuriro by'ibara mu ngaruka zishobora kungana. Dukurikije iyi formule, WCAG ivuga ko urwego rw’amabara rufite igipimo cya 4.5:1 hagati y'inyuguti n'inyuma riba ryiza ku nyuguti zo mu mubiri, naho inyuguti nini (18+ pt isanzwe, cyangwa 14+ pt) zigomba kugira nibura ingano ya 3:1 mu marangamutima y'ibara.

Ibikurubikuru

  • Kubara itandukaniro mu gihe nyacyo
  • Kugenzura ko byujuje WCAG AA & AAA
  • HSL sliders zo gutunganya neza
  • Imbonerahamwe nyinshi

Ibikoresho byateye imbere

  • Gukosora amabara byikora
  • Ingero z'inyandiko n'inyuma
  • Kumenya izina ry'ibara
  • Kohereza ibisubizo

Ibibazo bikunze kubazwa

Kugira ngo wubahirize WCAG AA, inyandiko isanzwe isaba umubare w'itandukaniro wibura 4,5:1, mu gihe inyandiko nini (18pt cyangwa 14pt mu nyuguti z'umubyimba) isaba 3:1.

WCAG AAA isaba imibare y'itandukaniro iri hejuru: 7:1 ku nyandiko isanzwe na 4,5:1 ku nyandiko nini, ugereranyije na AA ifite 4,5:1 na 3:1 uko bikurikirana.

Koresha ikiranga cyacu cyo gukosora byikora kugira ngo uhindure amabara y'inyandiko cyangwa y'inyuma mu gihe ukomeza intego y'igishushanyo cyawe, cyangwa uhindure amabara n'intoki ukoresheje HSL sliders zifite ibimenyetso bigaragaza uturere twiza two kubahiriza AA/AAA.

Uturere tw'icyatsi n'ibimenyetso AA/AAA byerekana urwego rwiza rwo kugera ku kubahiriza WCAG. Ibimenyetso by'icyerekezo (Umucyo/Umwijima) bikuyobora ku itandukaniro ryiza ukurikije guhuza amabara ufite ubu.

Yego, ushobora kwinjiza kode y'ibara ya HEX iyo ari yo yose cyangwa ugakoresha igikoresho cyo guhitamo amabara kugira ngo uhitemo amabara wihitiyemo. URL ihinduka ku buryo bwikora kugira ngo ubashe gusangira guhuza amabara runaka.