Pemeriksa Kontras Warna

Cara melakukannya

1. 1
   Isi kolomnya

   Ketik angka Anda atau pilih opsi yang dibutuhkan.

2. 2
   Lihat hasilnya

   Jawaban langsung diperbarui saat Anda mengubah nilai.

3. 3
   Gunakan

   Salin hasilnya atau catat. Tidak ada yang dikirim ke mana pun.

Tentang alat ini

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Contoh perhitungan

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Tips untuk hasil terbaik

Periksa setiap kolom sebelum mengandalkan hasil, karena satu angka yang salah mengubah seluruh jawaban. Pakai angka persis dari slip gaji, tagihan, sertifikat, atau kontrak Anda, dan catat tanggal Anda menghitung. Tarif, ambang batas, dan aturan berubah dari waktu ke waktu, jadi untuk urusan pajak, biaya, dan hukum perlakukan hasil sebagai perkiraan dan konfirmasikan dengan sumber resmi yang disebut di halaman ini. Anda dapat mencoba skenario sebanyak yang Anda mau; tidak ada yang disimpan atau dikirim, dan memuat ulang halaman mengosongkan kolom.