Tada File , Semua Alat

Pemeriksa Kontras Warna

Periksa apakah warna teks dan background cukup terbaca untuk WCAG AA dan AAA, dan dapatkan warna terdekat yang lolos.

Teks judul besar

Teks isi biasa, ukuran yang paling sering dibaca orang di layar. Teks ini perlu kontras lebih tinggi daripada teks besar agar mudah dibaca.

Tombol

Rasio kontras

4,54:1

  • Teks biasa · AA 4.5:1Lolos
  • Teks biasa · AAA 7:1Gagal
  • Teks besar · AA 3:1Lolos
  • Teks besar · AAA 4.5:1Lolos
  • Ikon dan garis tepi · AA 3:1Lolos

Warna teks terdekat yang lolos:

Diukur dengan rumus WCAG 2.2. Teks besar berukuran 24 px ke atas, atau 18,5 px tebal ke atas. Teks transparan diukur sesuai tampilannya di atas background.

Pemeriksa Kontras Warna mengukur rasio kontras antara warna teks dan background-nya dengan rumus WCAG 2.2, lalu menunjukkan apakah lolos AA dan AAA untuk teks biasa, teks besar, serta ikon dan garis tepi. Pratinjau langsung menampilkan teks sungguhan di atas background. Jika pasangan warna gagal, alat ini menyarankan warna teks terdekat yang lolos dengan hue yang sama, jadi desain Anda berubah sesedikit mungkin.

Cara memakai Pemeriksa Kontras Warna

  1. 1

    Pilih dua warna

    Masukkan warna teks dan background, atau pilih keduanya.

  2. 2

    Baca hasilnya

    Lihat rasionya dan apakah lolos AA dan AAA.

  3. 3

    Perbaiki jika perlu

    Pakai warna saran yang lolos.

Fungsinya

Level WCAG 2.2
AA dan AAA untuk teks biasa dan besar, plus ikon dan garis tepi.
Pratinjau langsung
Lihat judul, teks isi, dan tombol di atas background.
Perbaikan terdekat
Warna terdekat yang lolos, dengan hue yang sama.

Pertanyaan

Berapa rasio kontras yang saya perlukan?

WCAG AA meminta 4,5:1 untuk teks biasa dan 3:1 untuk teks besar, ikon, dan garis tepi. AAA meminta 7:1 untuk teks biasa dan 4,5:1 untuk teks besar.

Apa yang termasuk teks besar?

24 px ke atas, atau teks tebal mulai sekitar 18,5 px (14 pt).

Apakah bisa untuk warna transparan?

Bisa. Warna teks transparan diukur sesuai tampilannya di atas background.

Apakah perlu koneksi internet?

Hanya untuk membuka halamannya. Semua dihitung di perangkat Anda, dan apa pun yang Anda ketik tidak dikirim ke mana pun.