Simulator ng Kulay sa Panlabas at Panloob + Tagasuri ng Contrast

Mag-upload ng larawan upang ikumpara agad ang panlabas, panloob, signage, at UI-style na recoloring.

Ang built-in na pagsusuri para sa 4.5:1 na normal na teksto, 3:1 na malalaking teksto, at 3:1 na UI elements ay nakatutulong para mas tumibay ang iyong proposal.

Nananatili sa browser ang mga larawan Maglagay ng signage, teksto, at UI mockup Agad na 4.5:1 / 3:1 na pagsusuri

Paano gamitin

  1. Mag-upload ng facade o interior na larawan.
  2. Pumili ng scene at ayusin ang pangunahing at accent na mga kulay.
  3. Ilagay ang headline, body copy, at button text upang suriin ang signage at UI mockup.
  4. Suriin ang contrast, saka gamitin ang PNG/JPEG export o ang share URL sa iyong proposal.

Saan ito nakakatulong

Paghahambing ng facade at bubong

Magpatong ng mga kulay sa larawan ng site upang mabilis na ikumpara ang facade, bubong, at trim.

Mga mungkahi para sa interior

Ipakita ang mga meeting room, reception, at lounge gamit ang color study na nakabatay sa larawan.

Signage at directory board

Suriin kung paano nagtutulungan ang kulay ng teksto at kulay ng background bago magpresenta.

Mga preview na UI-style

Gawing malinis na UI mockup ang mga proposal card at button para mas madaling repasuhin.

Mga pamantayan sa contrast

Normal na teksto 4.5:1

Gamitin ito bilang panimulang batayan para sa body copy at iba pang maliit na teksto.

Malaking teksto 3:1

Gamitin ang 3:1 para sa mga heading at mas malaking teksto upang makumpirma ang readable contrast.

Mga UI element 3:1

Gamitin ang 3:1 para sa mga button, border, at icon upang maging malinaw ang pagkakaiba.

Mga Paalala

  • Ang mga larawan at tekstong tinype ay ginagamit lamang sa device na ito.
  • Nagbabago ang aktuwal na kulay ng pintura depende sa ilaw, substrate, at materyales, kaya laging kumpirmahin gamit ang pisikal na sample bago ang pinal na pasya.
  • Sinusunod ng contrast check ang WCAG formula at inilaan bilang gabay para sa yugto ng proposal. Sundin muna ang legal o panloob na pamantayan kapag may umiiral.

Mga Madalas Itanong

Ipinapadala ba ang mga larawan sa server?

Hindi. Ang mga na-upload na larawan ay pinoproseso nang buo sa browser.

Kasama ba sa share URL ang larawan o tekstong tinype?

Hindi. Ang share URL ay kasama lamang ang scene, mga kulay, at display settings.

Maaari ko ba itong gamitin para sa panlabas at panloob na trabaho?

Oo. Palitan ang scene upang tingnan ang facade, interior, signage, at UI-style na layout.

Pumapalit ba ang contrast checker sa accessibility audit?

Hindi. Isa itong gabay para sa yugto ng proposal. Mangyaring magsagawa ng pormal na audit at sundin ang sarili mong pamantayan nang hiwalay.