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.

9.14 ilaa 1
Isbarbardhig
AAA
Natiijada qoraalka
Aad u wanaagsan

La isbarbardhigay: #000000 ku yaal #31C36B

Qoraal

16px, Caadi (400)

Loogu tiriyaa qoraal caadi ah.

  • AA (WCAG 1.4.3): ugu yaraan 4.5:1

    Gudbay

  • AAA (WCAG 1.4.6): ugu yaraan 7:1

    Gudbay

Qaybaha UI iyo garaafyada

Astaamaha, xuduudaha gelinta, tilmaamayaasha feejignaanta iyo qaybaha kale ee aad u baahan tahay inaad aragto si aad u isticmaasho isku-xirka.

  • AA (WCAG 1.4.11): ugu yaraan 3:1

    Gudbay
9.14 illaa 1. Qoraal: waxay ka gudubtaa AA, waxay ka gudubtaa AAA. Qaybaha UI: waxay ka gudubtaa.
Sida tan loo hubiyo
Midabada la isbarbardhigay (ka dib isku-darka)
Qoraal #000000 ku yaal asalka #31C36B
Iftiinka la xiriira
Qoraal 0.0000, asalka 0.4074
Foomul
(L1 + 0.05) / (L2 + 0.05) halka L1 uu yahay luminance-ka midabka iftiinka badan iyo L2 kan midabka madow.
Helaan sax ah
9.1489 illaa 1, waxaa lagu muujiyey 9.14 illaa 1. Qiimaha la muujiyey waa la jaray, looma wareejin, sidaas darteed marna ma muuqdo mid ka fiican sida uu yahay. Qiimaha saxda ah ayaa lala barbardhigaa shuruudda.

Cabbirka qoraalka: 16px, Caadi (400)

Loogu tiriyaa qoraal caadi ah. Qoraalka weyn waa ugu yaraan 24px (18pt), ama ugu yaraan 18.67px (14pt) marka uu culus yahay (miisaanka 700 ama ka badan). Cabirradu waa la jaray, looma wareejin.

Loogu tiriyaa qoraal caadi ah. Qoraalka weyn waa ugu yaraan 24px (18pt), ama ugu yaraan 18.67px (14pt) marka uu culus yahay (miisaanka 700 ama ka badan). Cabirradu waa la jaray, looma wareejin.

Aa
Cinwaanka hordhaca

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

Tusaale qoraal yar (12px)

Qoraal
#000000
Asal
#31c36b

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.

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.