Penyemak kontras dan kebolehbacaan warna

Cara menggunakan penyemak kontras warna

Menyemak kebolehbacaan mengambil masa beberapa saat sahaja:

1. 1. Masukkan warna teks

   Masukkan kod warna (cth. #333333) dalam format HEX, RGB, atau HSL – atau pilih warna dari pemilih warna.
2. 2. Masukkan warna latar belakang

   Masukkan warna latar belakang di mana teks akan dipaparkan – boleh jadi warna seksyen, blok, atau halaman penuh.
3. 3. Baca keputusan

   Alat akan mengira nisbah kontras dan menunjukkan sama ada warna memenuhi keperluan WCAG untuk teks biasa, teks besar, dan ikon.
4. 4. Laraskan warna

   Jika kontras terlalu rendah, ciri Match secara automatik mencadangkan varian warna yang memenuhi ambang yang dipilih.

Apa yang menjadikan penyemak kontras ini istimewa?

1. Penilaian objektif berdasarkan formula matematik

   Nisbah kontras dikira menggunakan formula WCAG – keputusan tidak bergantung pada tetapan monitor atau persepsi warna individu.
2. Pematuhan standard antarabangsa WCAG

   Keputusan sepadan dengan keperluan WCAG 2.1, yang menjadi asas peraturan kebolehcapaian digital di EU dan banyak negara lain.
3. Padanan warna automatik kepada ambang

   Ciri Match mencari varian warna teks yang memenuhi ambang kontras yang dipilih – mengekalkan hue, mengubah hanya kecerahan.
4. Lima format warna

   Format yang disokong: HEX, RGB, RGBA, HSL, dan HSLA. Kod warna boleh ditampal terus dari Figma, Photoshop, atau CSS.
5. Tiga jenis kandungan dalam satu ujian

   Satu semakan menunjukkan keputusan untuk teks biasa, teks besar (tajuk, butang), dan ikon – tidak perlu menguji setiap jenis secara berasingan.