Monu Tools

Pemeriksa Kontras Warna

Semak nisbah kontras antara dua warna terhadap tahap kebolehcapaian WCAG AA dan AAA.

Cara menggunakan Pemeriksa Kontras

  1. 01

    Pilih warna teks dan warna latar belakang.

  2. 02

    Baca nisbah kontras dan lencana lulus atau gagal WCAG.

  3. 03

    Laraskan warna sehingga ia melepasi tahap yang anda perlukan.

Soalan lazim

Nisbah kontras berapa yang saya perlukan?

WCAG AA memerlukan 4.5:1 untuk teks biasa dan 3:1 untuk teks besar (18pt atau 14pt tebal). AAA memerlukan 7:1 dan 4.5:1 masing-masing.

Apakah yang dikira sebagai teks besar?

Teks yang sekurang-kurangnya 24px (18pt), atau 18.66px (14pt) apabila tebal. Teks besar dibenarkan nisbah kontras yang lebih rendah.

Bagaimana nisbah dikira?

Daripada luminans relatif setiap warna menggunakan formula WCAG rasmi, memberikan nilai dari 1:1 (tiada kontras) hingga 21:1 (hitam di atas putih).

Tentang alat ini

Pemeriksa kontras warna WCAG yang menunjukkan nisbah kontras tepat antara warna teks dan latar belakang serta sama ada ia memenuhi tahap kebolehcapaian AA dan AAA.

Pilih warna dengan swatch atau kod hex dan lihat pratonton langsung. Kontras yang baik menjadikan laman anda boleh dibaca dan boleh diakses.

Alat berkaitan

Penjana Hash

Jana hash SHA-1, SHA-256, SHA-384 dan SHA-512 bagi sebarang teks, terus dalam pelayar anda.

Penukar Warna

Tukar warna antara HEX, RGB dan HSL dengan pratonton langsung.

Timestamp

Tukar timestamp Unix kepada tarikh yang boleh dibaca dan sebaliknya: UTC, tempatan, ISO 8601 dan masa relatif. Saat dan milisaat dikesan secara automatik.

URL Encoder

Encode dan decode URL serta komponen URL dalam format persen, selamat untuk UTF-8.