Pemeriksa Kontras Warna

    Uji nisbah kontras antara warna latar depan dan latar belakang untuk memastikan kebolehcapaian.

    1.00:1
    Kontras
    Fail
    Sangat lemah

    Teks Biasa

    AA (4.5:1)
    AAA (7:1)

    Teks besar

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

    Pembaikan Pantas

    Aa

    Tajuk Pratonton

    Si musang coklat pantas melompat ke atas anjing malas

    Contoh teks kecil (12px)

    Teks
    #000000
    Latar
    #2596be

    Piawaian WCAG

    Level AA

    Nisbah kontras minimum 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. Diperlukan untuk kebanyakan laman web.

    Level AAA

    Nisbah kontras dipertingkatkan 7:1 untuk teks biasa dan 4.5:1 untuk teks besar. Disyorkan untuk kebolehcapaian optimum.

    Kontras tidak mencukupi untuk semua saiz teks - tidak memenuhi piawaian WCAG.

    Pemeriksa Kontras Warna

    Kira nisbah kontras warna teks dan latar belakang.

    Pilih warna menggunakan pemilih warna untuk teks dan warna latar belakang atau masukkan warna dalam format heksadesimal RGB (contohnya, #259 atau #2596BE). Anda boleh melaraskan peluncur untuk memilih warna. Garis Panduan Kebolehcapaian Kandungan Web (WCAG) mempunyai garis panduan khusus untuk membantu menentukan sama ada teks boleh dibaca oleh pengguna yang melihat. Kriteria ini menggunakan algoritma tertentu untuk memetakan kombinasi warna ke dalam nisbah yang boleh dibandingkan. Menggunakan formula ini, WCAG menyatakan bahawa nisbah kontras warna 4.5:1 dengan teks dan latar belakangnya adalah mencukupi untuk teks biasa, dan teks besar (18+ pt biasa, atau 14+ pt tebal) harus mempunyai sekurang-kurangnya nisbah kontras warna 3:1.

    Ciri Utama

    • Pengiraan nisbah kontras masa nyata
    • Pemeriksaan pematuhan WCAG AA & AAA
    • Peluncur HSL untuk penalaan halus
    • Pelbagai format pratonton

    Alat Lanjutan

    • Pembetulan warna automatik
    • Contoh teks dan latar belakang
    • Pengesanan nama warna
    • Eksport hasil