Penyemak Kontras Warna

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

    1.00:1
    Berbeza
    Fail
    Sangat miskin

    Teks Biasa

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

    Teks besar

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

    Pembetulan Pantas

    Aa

    Tajuk Pratonton

    Musang coklat yang cepat melompat ke atas anjing malas itu

    Contoh teks kecil (12px)

    Teks
    #000000
    Latar belakang
    #2596be

    Piawaian WCAG

    Level AA

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

    Level AAA

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

    Kontras yang lemah untuk semua saiz teks.

    Penyemak Kontras Warna

    Kira nisbah kontras teks dan warna latar belakang.

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

    Ciri-ciri Utama

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

    Alat Lanjutan

    • Pembetulan warna automatik
    • Teks dan sampel latar belakang
    • Pengesanan nama warna
    • Hasil eksport