Color contrast checker

Susiya ang imong mga kolor

Sulayi ang mga kombinasyon sa kolor aron masiguro nga mosunod kini sa WCAG accessibility standards para sa mabasa nga teksto.

1.00:1

Contrast

Napakyas

Kaayo kabos

Normal nga teksto

AA (4.5:1)

AAA (7:1)

Dako nga teksto

AA (3:1)

AAA (4.5:1)

Kolor sa Teksto

Kolor sa Background

Dali nga mga pag-ayo

Preview nga titulo

Ang paspas nga kayumanggi nga iring molukso ibabaw sa tapulan nga iro

Gamay nga pananglitan sa teksto (12px)

Teksto

#ffffff

Background

#156082

WCAG Standards

Lebel AA

Minimum contrast ratio nga 4.5:1 para sa ordinaryong texto ug 3:1 para sa dagkong texto. Kinahanglan para sa kadaghanan sa mga website.

Lebel AAA

Napabaskog nga contrast ratio nga 7:1 para sa ordinaryong texto ug 4.5:1 para sa dagkong texto. Gipasigarbo para sa labing maayong accessibility.

Insufisiyente nga contrast para sa tanang gidak-on sa teksto - napakyas sa mga sumbanan sa WCAG.

Kwenta ang contrast ratio sa teksto ug background nga mga kolor.

Pilia ang usa ka kolor gamit ang color picker para sa texto ug background color o ipasulod ang usa ka kolor sa RGB hexadecimal format (pananglitan, #259 o #2596BE). Mahimo nimo i-adjust ang slider aron mapili ang kolor. Ang Web Content Accessibility Guidelines (WCAG) adunay piho nga giya aron makatabang mag-igo kung mabasa ba ang texto para sa mga nakakita nga mogamit. Kini nga criterion naggamit og piho nga algorithm aron mausab ang color combinations ngadto sa magkab-ot nga ratios. Gamit kini nga formula, gi-state sa WCAG nga ang 4.5:1 color contrast ratio tale sa texto ug sa background niini igo na para sa regular (body) text, ug ang dagkong texto (18+ pt regular, o 14+ pt bold) kinahanglan adunay labing menos 3:1 color contrast ratio.

Pangunang mga bahin

Real-time nga pagkalkula sa contrast ratio
WCAG AA & AAA nga pagsunod
HSL sliders para sa pag-ayo
Daghang preview nga pormat

Abante nga mga himan

Awtomatik nga pag-ayo sa kolor
Mga sample sa teksto ug background
Pag-ila sa ngalan sa kolor
I-export ang mga resulta

Kanunay nga gipangutana

Para sa WCAG AA compliance, ang normal nga teksto nagkinahanglan og minimum nga contrast ratio nga 4.5:1, samtang ang dagko nga teksto (18pt o 14pt nga mabaga) nagkinahanglan og 3:1.

Ang WCAG AAA nagkinahanglan og mas taas nga contrast ratio: 7:1 para sa normal nga teksto ug 4.5:1 para sa dagko nga teksto, kumpara sa 4.5:1 ug 3:1 sa AA.

Gamita ang among automatic fix feature aron ayuhon ang text o background nga mga kolor samtang gipadayon ang intensyon sa imong design, o manwal nga ayuha ang mga kolor pinaagi sa HSL sliders nga adunay visual indicators nga nagpakita sa labing maayo nga zones alang sa AA/AAA compliance.

Ang berde nga mga zone ug AA/AAA markers nagpakita sa labing maayo nga range para makab-ot ang WCAG compliance. Ang mga timaan sa direksyon (Mas hayag/Mas itom) mogiya nimo padulong sa mas maayo nga contrast base sa imong kasamtangang kombinasyon sa kolor.

Oo, mahimo nimong ibutang ang bisan unsang hex color code o gamiton ang color picker aron pagpili og custom nga mga kolor. Ang URL automatikong mo-update aron mahimo nimong ipaambit ang piho nga kombinasyon sa kolor.