Pemeriksa Kontras Warna
Pastikan situs web Anda dapat dibaca oleh semua orang. Alat Pemeriksa Kontras Warna gratis kami menghitung rasio tepat antara warna teks dan latar belakang Anda, memverifikasi kepatuhan terhadap pedoman aksesibilitas WCAG.
Sample Heading
This is an example paragraph to test readability and visual contrast.
WCAG 2.1 Compliance Status
Apa itu Pemeriksa Kontras Warna - Alat Aksesibilitas WCAG?
Pemeriksa Kontras Warna adalah utilitas aksesibilitas web. Alat ini secara matematis mengevaluasi luminansi relatif dari warna latar depan (teks) terhadap warna latar belakang untuk menentukan apakah ada perbedaan visual yang cukup agar pengguna dengan gangguan penglihatan dapat membaca teks dengan nyaman.
Cara menggunakan Pemeriksa Kontras Warna - Alat Aksesibilitas WCAG
- Masukkan kode HEX untuk warna Teks/Latar depan Anda.
- Masukkan kode HEX untuk warna Latar belakang Anda.
- Alat ini menghitung rasio kontras (misalnya, 4,5:1).
- Ini menampilkan nilai Lulus/Gagal untuk standar WCAG AA dan AAA.
Contoh
Anda menguji teks hitam murni (#000000) di latar belakang putih murni (#FFFFFF). Alat ini menghitung rasio kontras maksimum yang mungkin sebesar 21:1, dengan mudah memenuhi semua persyaratan aksesibilitas AAA.
Memahami Hasil Anda
Rasio yang lebih tinggi berarti teks lebih mudah dibaca. Pedoman Aksesibilitas Konten Web (WCAG) mengharuskan rasio minimum 4,5:1 untuk teks normal (standar AA) dan 7:1 untuk aksesibilitas yang ketat (standar AAA).
Kasus Penggunaan Umum
- Audit Aksesibilitas Web: Memastikan situs web perusahaan tidak melanggar undang-undang kepatuhan ADA terkait keterbacaan.
- Desain UI/UX: Memeriksa apakah teks placeholder abu-abu terang di dalam kolom input putih terlalu sulit dibaca.
- Panduan Merek: Memverifikasi bahwa warna merek dapat ditumpuk di atas satu sama lain dengan aman dalam grafik pemasaran.
Cara Kerjanya
Alat ini mengubah kedua kode HEX menjadi RGB, menerapkan formula matematis tertentu untuk menghitung 'luminansi relatif' dari kedua warna tersebut, dan kemudian membagi luminansi yang lebih terang dengan luminansi yang lebih gelap. Hasilnya adalah rasio antara 1:1 (tidak ada kontras) dan 21:1 (kontras maksimum).
Tips & Catatan Akurasi
- •Teks besar (lebih dari 18pt atau 14pt tebal) lebih mudah dibaca, jadi WCAG hanya mensyaratkan rasio 3:1 yang lebih rendah untuk lolos standar AA.
- •Buta warna memengaruhi persepsi warna, tetapi kontras luminansi relatif tetap menjadi faktor terpenting untuk keterbacaan.
Pertanyaan yang Sering Diajukan
Apa yang terjadi jika warna saya gagal pemeriksaan?
Jika mereka gagal, teks Anda akan sangat sulit dibaca oleh orang dengan penglihatan buruk atau buta warna. Anda harus menggelapkan warna teks atau mencerahkan warna latar hingga rasio mencapai setidaknya 4,5:1.
Apakah 21:1 merupakan kontras terbaik?
Secara matematis, ya. Namun, teks hitam murni di latar belakang putih murni (21:1) dapat menyebabkan ketegangan mata atau 'halation' bagi beberapa pengguna dengan disleksia. Abu-abu sangat gelap (misalnya, #222222) di atas putih keabu-abuan sering lebih disukai.
Alat Terkait
Pemilih Warna
Mencari nuansa biru yang tepat untuk latar belakang situs web Anda? Alat Pemilih Warna online gratis kami memungkinkan Anda memilih warna secara visual dan memberi Anda format kode tepat yang dibutuhkan pengembang dan desainer.
Generator Palet Warna
Memulai proyek desain baru tapi bingung dengan warnanya? Generator Palet Warna gratis kami secara otomatis membuat skema warna yang menakjubkan dan seimbang secara matematis untuk memicu kreativitas Anda.
Konverter HEX ke RGB
Punya kode warna hex tapi perlu nilai RGB untuk menambahkan saluran opasitas di CSS? Konverter HEX ke RGB gratis kami langsung mengubah string warna heksadesimal menjadi bilangan bulat Merah, Hijau, Biru standar.
Format JSON Online Gratis
Bekerja dengan data JSON yang berantakan bisa memusingkan developer. Alat Format JSON online gratis kami memudahkan untuk merapikan, memvalidasi, dan mengurai string JSON Anda secara instan. Baik Anda sedang men-debug API atau menulis file konfigurasi, alat ini memformat data dengan indentasi yang tepat.
Populer
Kalkulator Umur
Ingin tahu berapa usia Anda secara tepat? Kalkulator umur gratis kami memberikan jawaban presisi dalam hitungan detik — dalam tahun, bulan, hari, dan total hari yang telah Anda jalani. Tanpa pendaftaran, semua proses berjalan lokal di browser Anda.
Kalkulator Persentase
Kesulitan dengan matematika persentase? Kalkulator Persentase gratis kami menangani semua pertanyaan persentase standar secara instan, mulai dari menghitung diskon hingga mengetahui pajak.
Penafian: Alat ini menghitung kontras berdasarkan algoritma WCAG 2.1 standar untuk luminansi relatif.