SmartCalcy.Majibu ya haraka kwa hesabu za kila siku
/
Faili, picha na usanifu

Kichagua rangi na kikagua utofautishaji

Chagua rangi kwa kichagua au iandike kwa muundo wowote. Ione kama HEX, RGB, HSL, HSV na CMYK, pata rangi nyepesi, nzito na zinazolingana, na ukague kama maandishi ya rangi mbili yanakidhi miongozo ya utofautishaji ya WCAG kwa ufikivu.

Rangi

Kuhusu Kichagua rangi na kikagua utofautishaji

Chagua rangi kwa kichagua au iandike kwa muundo wowote. Ione kama HEX, RGB, HSL, HSV na CMYK, pata rangi nyepesi, nzito na zinazolingana, na ukague kama maandishi ya rangi mbili yanakidhi miongozo ya utofautishaji ya WCAG kwa ufikivu.

Sehemu ya kitengo cha “Faili, picha na usanifu” cha SmartCalcy. Kinaendeshwa kwenye kivinjari chako bila akaunti, kinatumia sarafu na vipimo vyako (vibadilishe juu ya ukurasa), na kinatoa makadirio kwa taarifa tu, kwa hiyo angalia mwongozo rasmi kabla ya kutegemea matokeo.

Jinsi ya kutumia Kichagua rangi na kikagua utofautishaji

Kinachohesabu na wakati wa kukitumia

Inachagua na kugeuza rangi kati ya HEX, RGB, HSL, HSV na CMYK, inapendekeza rangi nyepesi, nzito na zinazolingana, na inakagua utofautishaji wa maandishi dhidi ya miongozo ya ufikivu ya WCAG.

Jinsi ya kukitumia, hatua kwa hatua

  1. Chagua rangi kwa kichagua au iandike kama HEX, RGB, HSL au jina la rangi.
  2. Chagua rangi ya mandharinyuma ili kukagua utofautishaji.
  3. Nakili muundo wowote kwa kubofya mara moja.
  4. Tumia rangi nyepesi, nzito na zinazolingana kwa paleti.

Maana ya kila ingizo

  • Rangi – Inaanza kwa #2443C8, bluu ya SmartCalcy.
  • Mandharinyuma – Inaanza kwa nyeupe.

Jinsi ya kusoma matokeo

  • Uwiano wa utofautishaji – Kutoka 1:1 hadi 21:1, pamoja na matokeo ya AA na AAA kwa maandishi ya kawaida na makubwa.
  • Miundo – HEX, RGB, HSL, HSV na CMYK.
  • Rangi nyepesi na nzito – Matoleo mepesi na meusi zaidi.
  • Rangi zinazolingana – Kinzani, jirani na tatu sawa (triadic).

Fomula

Uwiano wa utofautishaji = (L1 + 0.05) ÷ (L2 + 0.05), ambapo L1 na L2 ni mwangaza linganishi wa rangi nyepesi na nzito. WCAG AA inahitaji 4.5:1 kwa maandishi ya kawaida na 3:1 kwa maandishi makubwa; AAA inahitaji 7:1 na 4.5:1.

Mfano uliofanyiwa kazi

Kwa rangi za kuanzia, #2443C8 kwenye nyeupe ina uwiano wa utofautishaji wa 7.74:1, ambao unapita AAA kwa ukubwa wote wa maandishi.

Dhana na mipaka

  • Thamani za CMYK ni ugeuzaji rahisi, si wasifu wa uchapishaji unaosimamia rangi.
  • Matokeo ya utofautishaji yanafuata fomula ya WCAG 2.

Makosa ya kawaida

  • Kukagua utofautishaji kwa maandishi makubwa tu na kutumia rangi hiyo kwa maandishi madogo.
  • Kutegemea rangi peke yake kuonyesha maana.

Maswali yanayoulizwa mara kwa mara

Ninahitaji uwiano gani wa utofautishaji?

Angalau 4.5:1 kwa maandishi ya kawaida na 3:1 kwa maandishi makubwa ili kukidhi WCAG AA.

Je, maandishi makubwa ni ukubwa maalum?

Ndiyo: angalau px 24, au takriban px 18.7 yaliyokolezwa.

Je, ninaweza kuandika jina la rangi?

Ndiyo, jina lolote la rangi la CSS kama teal au tomato linafanya kazi.

Zana zinazohusiana

#2443C8rgb(36, 67, 200)
Uwiano wa utofautishaji
7.74:1
Inapita AAA kwa maandishi yote.
Maandishi makubwa, 24 pxMaandishi ya kawaida ya 16 px yanaonekana hivi.
KiwangoMaandishi ya kawaidaMaandishi makubwa
AAInapitaInapita
AAAInapitaInapita

Miundo

HEX
RGB
HSL
HSV
CMYK

Rangi nyepesi na nzito

Rangi zinazolingana

Kinzani
Jirani
Tatu sawa (triadic)