Kikaguzi cha Tofauti ya Rangi

Zana zote
Kikaguzi cha Tofauti ya Rangi
Kagua uwiano wa utofauti wa WCAG kati ya maandishi na rangi ya mandharinyuma — ona viwango vya kufaulu/kushindwa AA/AAA kwa maandishi ya kawaida, maandishi makubwa na vipengele vya UI, ukitumia onyesho la moja kwa moja na mapendekezo ya rangi zinazofikiwa.
Rangi ya maandishi
Tint
Rangi ya mandharinyuma
Tint
Uwiano wa utofauti
--:1
Maandishi ya kawaida
Maandishi ya mwili chini ya px 18 (au chini ya px 14 mnene)
AA AAA
Maandishi makubwa
px 18+ ya kawaida, au px 14+ mnene
AA AAA
Vipengele vya UI
Aikoni, mipaka, vidhibiti vya fomu na michoro
AA AAA
Onyesho la moja kwa moja

Mbweha mwepesi wa kahawia

Maandishi makubwa yanasomeka vizuri utofauti unapotosha.

Hii ni aya ya mfano ya maandishi ya mwili ya kawaida. Utofauti mzuri wa rangi huhifadhi maudhui yako yanayoweza kusomeka kwa kila mtu, ikiwa ni pamoja na watu wenye uoni hafifu au upofu wa rangi. kiungo cha mfano.

Maandishi madogo na manukuu ndiyo magumu zaidi kusoma — yanahitaji utofauti zaidi.
Kitufe cha mfano Kitufe cha mfano
Pendekezo

Kila kitu kinakokotolewa moja kwa moja kwenye kivinjari chako kwa kutumia fomula ya mwangaza wa jamaa ya WCAG 2.x — hakuna upakiaji, hakuna usajili, bila malipo kabisa.

Shiriki hii
Zana Zinazohusiana
Kisimulizi cha Upofu wa Rangi

Ona picha yako au rangi kama wanavyoona watu wenye protanopia, deuteranopia, tritanopia au achromatopsia — inafanya kazi kabisa kwenye kivinjari chako, hakuna kinachopakiwa.
Kibadilishaji cha Msimbo wa Rangi

Badilisha rangi kati ya HEX, RGB, RGBA, HSL, HSLA na HSV — chagua rangi, rekebisha alpha, na nakili muundo wowote papo hapo.
Kisafirishaji cha Rangi

Bandika au ingiza seti ya rangi na uzisafirisha papo hapo kwa CSS variables, SCSS, Tailwind config, JSON au SVG swatches — hatua ya mwisho kwa rangi yoyote.
Utafutaji maarufu
kikagua tofauti ya rangi uwiano wa tofauti wa wcag kikagua tofauti ufikiaji kikagua tofauti ya maandishi jaribio la tofauti aa aaa angalia tofauti ya rangi mtandaoni

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.