ImageColorPicker.com

Hubiyaha isbarbardhiga midabka

Tijaabi saamiga isbarbardhiga ee midabada hore iyo asalka si loo hubiyo helitaanka.

Hubi midabkaaga

Tijaabi isku-darka midabada si loo hubiyo inay la kulmaan heerarka helitaanka WCAG ee akhriska qoraalka.

1.00:1
Isbarbardhig
Ma gudbin
Aad u liidata

Qoraalka caadiga ah

AA (4.5:1)
Ma gudbin
AAA (7:1)
Ma gudbin

Qoraal weyn

AA (3:1)
Ma gudbin
AAA (4.5:1)
Ma gudbin

Hagaajinta degdegga ah

Aa
Cinwaanka hordhaca

Dibiga degdegga ah ee bunni ah ayaa ka boodaya eeyga caajiska ah

Tusaale qoraal yar (12px)

Qoraal
#2596be
Asal
#ffffff

Heerarka WCAG

Heer AA

Isugeynta ugu yar ee 4.5:1 ee qoraalka caadiga ah iyo 3:1 ee qoraallada waaweyn. Looga baahan yahay inta badan bogagga internetka.

Heer AAA

Isugeynta sare ee 7:1 ee qoraalka caadiga ah iyo 4.5:1 ee qoraallada waaweyn. Kula talinayaa helitaanka ugu fiican.

Isku-darka midabka oo aan ku filnayn dhammaan cabbirrada qoraalka - kuma guulaysan heerarka WCAG.

Hubiyaha isbarbardhiga midabka

Xisaabi saamiga isbarbardhiga ee midabada qoraalka iyo asalka.

Dooro midab adoo isticmaalaya qaabka midabka qoraalka iyo midabka asalka ama gali midab qaabka hexadecimal RGB ah (tusaale, #259 ama #2596BE). Waxaad hagaajin kartaa slider-ka si aad u doorato midabka. Tilmaamaha Mawduuca Webka (WCAG) waxay leeyihiin tilmaamo gaar ah oo caawiya in la ogaado haddii qoraalka la akhriyi karo isticmaaleyaasha aragga leh. Shuruudahan waxay isticmaalaan hab gooni ah oo lagu cabiro isku-dhafka midabada loona beddelo isugeyn iswaafajinta. Iyada oo la adeegsanayo qaaciidan, WCAG waxay sheegaysaa in isugeynta midabka ee 4.5:1 leh qoraalka iyo asalka ay ku filan tahay qoraalka caadiga ah (jirka), iyo qoraallada waaweyn (18+ pt caadiga ah, ama 14+ pt qoran) ay tahay inay lahaadaan ugu yaraan isugeyn 3:1 ah.

Astaamaha muhiimka ah

  • Xisaabinta isku-darka midabka waqtiga-dhabta ah
  • Hubinta u hoggaansanaanta WCAG AA & AAA
  • HSL sliders si loo hagaajiyo
  • Qaabab badan oo horudhac ah

Qalabka sare

  • Hagaajinta midabka tooska ah
  • Tusaalooyinka qoraalka iyo asalka
  • Ogaanshaha magaca midabka
  • Dhoofinta natiijooyinka

Su'aalaha inta badan la isweydiiyo

Hogaansanaanta WCAG AA, qoraalka caadiga ah wuxuu u baahan yahay saamiga ugu yar ee isbarbardhigga 4,5:1, halka qoraalka weyn (18pt ama 14pt dhumuc weyn) uu u baahan yahay 3:1.

WCAG AAA wuxuu u baahan yahay saamiga isbarbardhigga oo sare: 7:1 qoraalka caadiga ah iyo 4,5:1 qoraalka weyn, marka la barbar dhigo AA oo leh 4,5:1 iyo 3:1 siday u kala horreeyaan.

Isticmaal habka hagaajinta toosa ah si aad u hagaajiso qoraalka ama asalka adigoo ilaalinaya ujeeddada naqshadaada, ama si gacanta ah u hagaaji midabada adigoo isticmaalaya HSL sliders oo leh calaamado muuqaal ah oo tilmaamaya meelaha ugu fiican ee hogaansanaanta AA/AAA.

Aagagga cagaaran iyo calaamadaha AA/AAA waxay muujinayaan kala-duwanaanshaha ugu fiican ee hogaansanaanta WCAG. Talooyinka jihada (Ka iftiimsan/Ka mugdi badan) waxay kugu hagayaan isbarbardhigga wanaagsan iyadoo lagu salaynayo isku-darka midabka hadda aad haysid.

Haa, waxaad geli kartaa koodhka HEX ee midab kasta ama isticmaali kartaa doorashada midabka si aad u doorato midabo kaa gaar ah. URL-ku wuu cusboonaysiiyaa si toos ah, si aad u wadaagto isku-darka midabada gaarka ah.