Pemeriksa Kontras Warna

    Uji 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
    Eastern Blue
    #2596be

    Perbaikan Cepat

    Aa

    Judul Pratinjau

    Si rubah coklat cepat melompati anjing 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 ditingkatkan 7:1 untuk teks normal dan 4.5:1 untuk teks besar. Direkomendasikan untuk aksesibilitas optimal.

    Kontras tidak mencukupi untuk semua ukuran teks - tidak memenuhi standar WCAG.

    Pemeriksa Kontras Warna

    Hitung rasio kontras dari warna teks dan latar belakang.

    Pilih warna menggunakan color picker untuk teks dan warna latar belakang atau masukkan warna dalam format RGB hexadecimal (misalnya, #259 atau #2596BE). Kamu bisa menyesuaikan slider untuk memilih warna. Pedoman Aksesibilitas Konten Web (WCAG) memiliki panduan khusus untuk membantu menentukan apakah teks dapat dibaca oleh pengguna yang melihat. Kriteria ini menggunakan algoritma tertentu untuk memetakan kombinasi warna menjadi rasio yang dapat dibandingkan. Menggunakan formula ini, WCAG menyatakan bahwa rasio kontras warna 4.5:1 dengan teks dan latar belakangnya cukup untuk teks biasa, dan teks besar (18+ pt biasa, atau 14+ pt tebal) harus memiliki rasio kontras warna setidaknya 3:1.

    Fitur Utama

    • Perhitungan rasio kontras waktu nyata
    • Pemeriksaan kepatuhan WCAG AA & AAA
    • Slider HSL untuk penyesuaian halus
    • Berbagai format pratinjau

    Alat Canggih

    • Perbaikan warna otomatis
    • Contoh teks dan latar belakang
    • Deteksi nama warna
    • Ekspor hasil