Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Pemeriksa Kontras WCAG

WarnaPengembang

IKLAN · MENGHAPUS?

MEMASUKKAN

Proses Otomatis

KELUARAN

Sisi klien

Teks normal (16px) — Si Coklat Lincah melompati Anjing Malas.

Teks besar (18px tebal) — Si Coklat Lincah melompat.

Teks besar (24px) — Si Coklat Lincah.

Rasio Kontras

21:1

Tingkat	Teks Normal	Teks Besar
WCAG AA
WCAG AAA

IKLAN · MENGHAPUS?

Memandu

Pemeriksa Kontras WCAG

Periksa rasio kontras warna untuk kepatuhan aksesibilitas web. Pastikan kombinasi warna teks dan latar belakang Anda memenuhi standar WCAG AA dan AAA untuk memastikan konten Anda dapat dibaca oleh semua pengguna, termasuk mereka yang memiliki gangguan penglihatan.

Cara Penggunaan

Masukkan warna latar depan (teks) dan warna latar belakang menggunakan pemilih warna atau dengan mengetik nilai HEX/RGB. Alat ini secara instan menghitung rasio kontras dan menunjukkan apakah kombinasi Anda lulus standar WCAG AA dan AAA untuk teks normal dan besar. Gunakan tombol tukar untuk membalikkan warna dengan cepat.

Fitur

Pratinjau Langsung – Lihat bagaimana tampilan teks Anda di latar belakang secara real-time
Kepatuhan WCAG AA & AAA – Lulus/gagal lencana untuk teks normal dan besar di kedua tingkat
Tampilan Rasio Kontras – Perhitungan rasio yang tepat (misalnya, 4,5:1)
Beberapa Format Input – Masukkan warna sebagai HEX, RGB, atau gunakan pemilih warna
Tukar Warna – Balikkan latar depan dan latar belakang dengan cepat dalam satu klik
Saran Peningkatan – Dapatkan rekomendasi saat warna Anda gagal kepatuhan
Ukuran Teks Sampel – Pratinjau pada ukuran normal (16px) dan besar (18px tebal / 24px)