Pilih bahasa

Pemeriksa kontras warna

Hitung kontras antara dua warna opak serta ambang AA/AAA untuk teks menurut WCAG 2.2.

Halaman ini menampilkan alat yang tersedia dalam bahasa ini sesuai cakupan saat ini. Ini tidak berarti semua alat di situs telah diterjemahkan ke semua bahasa.

HEX dengan 3/4/6/8 digit; RGB 0–255 atau persentase; HSL: hue 0–360 serta saturasi/kecerahan 0–100%. Gunakan koma dan alpha 0–1. Kontras hanya menerima warna opak.

WCAG 2.2: AA memerlukan 4.5:1 untuk teks normal dan 3:1 untuk teks besar; AAA memerlukan 7:1 dan 4.5:1. Teks besar berukuran 18pt atau 14pt tebal. Keputusan memakai rasio sebelum pembulatan; ini bukan sertifikasi aksesibilitas.

Cara menggunakan

Masukkan warna opak untuk teks dan latar, lalu hitung. Baca rasio dan hasil tiap ambang berdasarkan ukuran teks yang sebenarnya Anda gunakan.

Contoh penggunaan

Hitam #000000 di atas putih #FFFFFF menghasilkan 21:1; warna yang sama di atas dirinya sendiri menghasilkan 1:1.

Dukungan dan batasan

WCAG 2.2: AA memerlukan 4.5:1 untuk teks normal dan 3:1 untuk teks besar; AAA memerlukan 7:1 dan 4.5:1. Besar berarti 18pt atau 14pt tebal. Keputusan memakai rasio sebelum pembulatan; tampilan dibulatkan ke empat angka desimal. Referensi W3C: Understanding SC 1.4.3 dan SC 1.4.6.

Pertanyaan umum

Apakah hasil memenuhi ambang berarti situs sepenuhnya memenuhi WCAG?

Tidak. Ini hanya memeriksa rasio kontras dua warna. Font, gambar, keadaan interaktif, dan persyaratan aksesibilitas lainnya perlu diperiksa secara terpisah.

Alat terkait

Konversi PNG ke JPG

Konversikan PNG menjadi JPEG dan pilih latar yang menggantikan area transparan.

Lihat informasi gambar

Lihat format, jumlah byte, dimensi, megapiksel, dan rasio aspek gambar.

Konverter format warna

Konversi warna antara HEX, RGB, dan HSL, termasuk alpha, dengan pratinjau dari nilai yang telah divalidasi.