Penyemak kontras warna

Cara melakukannya

1. 1
   Isi ruang

   Taip nombor anda atau pilih pilihan yang diperlukan.

2. 2
   Lihat hasil

   Jawapan dikemas kini serta-merta apabila anda menukar nilai.

3. 3
   Gunakan

   Salin hasil atau catatkannya. Tiada apa dihantar ke mana-mana.

About this tool

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 berselesaian

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.

Petua untuk hasil terbaik

Semak setiap ruang sebelum mempercayai hasil, kerana satu angka yang salah mengubah keseluruhan jawapan. Gunakan nombor tepat daripada slip gaji, bil, sijil atau kontrak dan catat tarikh anda mengira. Kadar, ambang dan peraturan berubah dari semasa ke semasa, jadi untuk cukai, yuran dan perkara undang-undang, anggap hasil sebagai anggaran dan sahkannya dengan sumber rasmi yang dinyatakan pada halaman ini. Anda boleh mencuba sebanyak mana senario; tiada apa disimpan atau dihantar dan memuat semula halaman mengosongkan ruang.