Desain

Pemeriksa Kontras

Periksa rasio kontras warna untuk kepatuhan aksesibilitas WCAG. Berjalan di perangkat Anda — tidak ada yang diunggah, tidak ada yang disimpan.

Warna

Warna Latar Depan

Warna Latar Belakang

Rasio Kontras

6.70:1

Kepatuhan WCAG

Web Content Accessibility Guidelines 2.1

Teks Normal AALulus

≥ 4.5:1

Teks Besar AALulus

≥ 3:1 (18pt+ atau 14pt+ tebal)

Teks Normal AAAGagal

≥ 7:1

Teks Besar AAALulus

≥ 4.5:1

Pratinjau

Teks normal (16px) — Saya menulis kalimat ini hanya untuk menguji jenis huruf

Teks besar (24px tebal) — Aksesibilitas itu penting

Contoh Komponen UI

Praatur

Terkait

Pembuat clip-path CSSDesain Editor Easing Cubic-BezierDesain Pembuat GlassmorphismDesain

Tentang Pemeriksa Kontras

Periksa rasio kontras warna untuk kepatuhan aksesibilitas WCAG.

Pemeriksa Kontras adalah alat gratis di kategori Desain & Visual pada BrowseryTools. Alat ini berjalan sepenuhnya di browser Anda: apa yang Anda berikan diproses di perangkat Anda sendiri dan tidak pernah diunggah ke server, tanpa pendaftaran, tanpa iklan, dan tanpa tanda air, serta tetap berfungsi tanpa koneksi setelah halaman selesai dimuat.