Depan (Teks)

Latar Belakang

Rasio Kontras —

AA · Normal — Teks < 18pt atau < 14pt tebal ≥ 4.5 : 1

AA · Large — Teks ≥ 18pt atau ≥ 14pt tebal ≥ 3.0 : 1

AA · UI — Ikon, batas, cincin fokus ≥ 3.0 : 1

AAA · Normal — Ditingkatkan untuk teks isi ≥ 7.0 : 1

AAA · Large — Ditingkatkan untuk judul ≥ 4.5 : 1

Pratinjau Klik untuk edit

The Quick Brown Fox

Jumps over the lazy dog. Contoh ini menunjukkan tampilan kombinasi warna Anda.

Teks kecil — keterangan 11px

22px — Teks besar · AA Large, AAA Large 14px — Teks normal · AA Normal, AAA Normal 11px — Di bawah ambang AA

Rasio kontras dihitung sesuai WCAG 2.1. Semua kalkulasi berjalan di browser Anda.

Pemeriksa Kontras Warna (WCAG 2.1)

Apa yang dilakukan alat ini

Masukkan warna depan (teks) dan warna latar belakang dalam format HEX, atau gunakan color picker. Alat ini langsung menghitung rasio kontras WCAG 2.1 dan memeriksa terhadap lima level kepatuhan: AA Normal, AA Besar, AA Komponen UI, AAA Normal, dan AAA Besar. Pratinjau langsung menunjukkan tampilan teks dengan warna tersebut.

Cara penggunaan

Atur warna depan menggunakan color picker atau ketik nilai HEX.
Atur warna latar belakang dengan cara yang sama.
Baca rasio kontras dan periksa level WCAG yang lulus atau gagal.
Gunakan Tukar untuk membalik warna.