Pemeriksa Kontras Warna

    Menguji rasio kontras antara warna latar depan dan latar belakang untuk memastikan aksesibilitas.

    1.00:1
    Kontras
    Fail
    Sangat buruk

    Teks Normal

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

    Teks besar

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

    Perbaikan Cepat

    Aa

    Judul Pratinjau

    Rubah coklat yang cepat melompati anjing yang malas

    Contoh teks kecil (12px)

    Teks
    #000000
    Latar Belakang
    #2596be

    Standar WCAG

    Level AA

    Rasio kontras minimum 4,5:1 untuk teks normal dan 3:1 untuk teks besar. Diperlukan untuk sebagian besar situs web.

    Level AAA

    Rasio kontras yang disempurnakan sebesar 7:1 untuk teks normal dan 4,5:1 untuk teks besar. Direkomendasikan untuk aksesibilitas yang optimal.

    Kontras yang tidak memadai untuk semua ukuran teks - tidak memenuhi standar WCAG.

    Pemeriksa Kontras Warna

    Hitung rasio kontras warna teks dan latar belakang.

    Pilih warna menggunakan pemilih warna untuk teks dan warna latar belakang atau masukkan warna dalam format heksadesimal RGB (misalnya, #259 atau #2596BE). Anda dapat menyesuaikan penggeser untuk memilih warna. Pedoman Aksesibilitas Konten Web (WCAG) memiliki panduan khusus untuk membantu mengetahui apakah teks dapat dibaca oleh pengguna tunanetra. Kriteria ini menggunakan algoritme tertentu untuk memetakan kombinasi warna ke dalam rasio yang sebanding. Dengan menggunakan rumus ini, WCAG menyatakan bahwa rasio kontras warna 4,5:1 dengan teks dan latar belakangnya cukup memadai untuk teks biasa (body), dan teks besar (18+ pt reguler, atau 14+ pt tebal) harus memiliki setidaknya rasio kontras warna 3:1.

    Fitur Utama

    • Perhitungan rasio kontras waktu nyata
    • Pemeriksaan kepatuhan WCAG AA & AAA
    • Geser HSL untuk penyempurnaan
    • Beberapa format pratinjau

    Alat Lanjutan

    • Perbaikan warna otomatis
    • Sampel teks dan latar belakang
    • Deteksi nama warna
    • Hasil ekspor