Mga Tulong ng Color Contrast Checker

Evaluate the contrast ratio of text and background colors based on WCAG 2.1 guidelines. Instantly generate accessible color adjustments.

HEX/RGB/HSL
HEX/RGB/HSL
Ang lahat ay lumabas sa lokal sa iyong browser.

Mga Live Text Preview

Ang mga ito ay nag-iisip sa mga kalidad ng mga kalitao (Bold 18 / 24pt regular)

Ito ay isang preview ng big head text style.

Ang mga kalidad ng kalidad (sub 18pt)

Ang mga ito ay may mga kalidad ng mga tao, at ang mga kalita ay may isang kalidad.

Ang mga kontrast

18.6:1

Mga Mga Mga Tulong sa WCAG 2.1

Mga Tangan ng WCAG AA
Ang mga kalidad ng kalidad (4.5:1) PASS
Mga Tulong sa Pag-aasahan (3.0:1) PASS
Mga Tangan ng WCAG
Ang mga kalidad ng mga kalita (7.0:1) PASS
Ang mga ito ay isang kalidad (4.5:1) PASS

Mga Mga Tulong 2.1

Mag-control ang mga kontrast na stand ay maaaring mag-construe sa mga accessible interface na nag-atake sa Pag-section 508, ADA, at WCAG AA o AAA guidelines.

Mga motor ng mga sugestiyon

Automatically adjust ang mga kulay sa pamamagitan ng mga koordinates ng HSL upang makikita ang pinakamalaking alternatibo na mag-uusapan ang kontrast ratio criteria.

Mga customer-side

Ang mga komputasyon ay naglalaman lokally sa kontekstong browser. walang mga kulay, file, o telemetry coordinates ay hindi nakikipag-ugnay sa aming mga server.

Mga Tool ng mga Color

HEX RGB HSL Color Converter sa pamamagitan ng
Ang mga kulay ayon at ang mga koordinates ng lumabas ayon.
Mga Pahayag ng Color Picker
Ang mga color palettes ay mag-extract mula sa design mockups.
Mga tagapagdag ng CSS Color Converter
Konversi sa mga format ng CMYK, HSV, RGB, HSL at HEX.

Mga Color Contrast Checker

Ang pag-aaral ng WCAG ay nag-aalok sa mga kontrast na ratio para sa mga background at background na nakikita ang mga resulta ng mga teksto-size.

ang input
Dalawang valid CSS na mga kulay at optional preview text.
Mga output
Isang kontrast ratio sa WCAG AA at AAA pass o fail indicators.
Mga limitasyon
Ang pag-aaral ay may luminansiyal na kontrast lamang; hindi ito nagbibigay ng isang interface o account para sa mga tagapagdag, pag-ibig, focus, o non-color cues.
Privacy at ang mga data na nakaraan
dalawang valid CSS mga kulay at optional preview text ay nag-trabaho sa ito browser tab. Converter hindi mag-take o mag-save ito; pagtuturo o reload ng page ay lumabas ang trabaho na estado, salo ang tool explicitly ay nagbibigay ng isang lokal download.

Paano mag-usuporta ang tool

  1. Ang dalawang valid CSS na mga kulay at optional preview text ay mag-aalok sa tool controls.
  2. I-select ang mga setting na nagtatapos ng isang kontrast ratio sa WCAG AA at AAA pass o fail indicators, pagkatapos ay i-run ang tool.
  3. I-cover a contrast ratio sa WCAG AA at AAA pass or fail indicators bago ang kopya o download ito.

Mga Modus ng Pag-aalis

Ang mga malinaw na mga kulay ay hindi maaaring mag-make, at ang transparency sa walang isang solusyon ng background ay maaaring makakuha ng isang ratio na walang makaya.

Mga pahina ng useful

I-comparate ang #f2171 na teksto sa #fff para makikita ang kanyang ratio para sa normal at big na teksto.