Pencari Nama Warna WCAG

• Pemeriksaan kepatuhan WCAG seketika: Pencari mengevaluasi lebih dari 250 warna bernama terhadap latar belakang Anda pada setiap penekanan tombol. Setiap warna menampilkan rasio kontras WCAG persisnya dan tingkat kepatuhannya (AAA, AA, AA Large, atau Gagal) - tanpa tombol yang perlu ditekan dan tanpa memuat ulang halaman.
• Lebih dari 250 warna bernama dari 3 sumber: mencakup seluruh 148 warna bernama CSS, lebih dari 50 nama warna X11 yang diperluas, dan lebih dari 80 aproksimasi Pantone - memberi Anda palet terluas yang mungkin dari warna teks yang dapat diakses untuk dipilih pada warna latar belakang apa pun.
• 100 % privat - tanpa unggah: semua perhitungan kontras terjadi secara lokal di browser Anda. Nilai warna Anda tidak pernah meninggalkan perangkat Anda dan tidak pernah dikirim ke server mana pun - aman untuk proyek klien dan sistem merek kepemilikan.
• Gratis & tanpa batas: periksa latar belakang tanpa batas tanpa pendaftaran, tanpa langganan, dan tanpa batas penggunaan. Pencari Nama Warna WCAG sepenuhnya gratis selamanya, tanpa iklan yang menghalangi antarmuka.

• Pengembangan frontend yang dapat diakses: pengembang frontend menggunakan Pencari untuk memilih warna teks yang memenuhi persyaratan aksesibilitas. Masukkan warna latar belakang desain Anda dan langsung lihat warna bernama CSS mana yang lolos WCAG AA atau AAA - lalu salin nilai HEX-nya langsung ke stylesheet Anda.
• Audit kepatuhan WCAG AA/AAA: auditor aksesibilitas menggunakan Pencari untuk dengan cepat mengidentifikasi alternatif warna teks yang dapat diakses untuk latar belakang apa pun. Lencana lulus/gagal berkode warna dan tampilan rasio kontras memudahkan memverifikasi bahwa pilihan warna teks memenuhi standar aksesibilitas hukum.
• Pemilihan token warna design system: pengelola design system menggunakan Pencari untuk memvalidasi token warna teks. Dengan menguji setiap token terhadap semua token latar belakang, mereka dapat mendokumentasikan kombinasi mana yang lolos WCAG AA/AAA dan mana yang memerlukan nilai token alternatif untuk aksesibilitas.
• Aksesibilitas aplikasi seluler: pengembang aplikasi seluler menggunakan Pencari untuk memilih warna teks untuk aplikasi iOS dan Android. Alat ini bekerja dengan warna latar belakang HEX apa pun - cukup masukkan latar belakang aplikasi Anda dan jelajahi nama warna yang dapat diakses dengan rasio kontras persisnya.
• Pengujian aksesibilitas penglihatan lemah: desainer yang menguji aksesibilitas untuk penglihatan lemah menggunakan Pencari untuk memverifikasi bahwa pilihan warna mereka memenuhi persyaratan kontras yang ditingkatkan (AAA). Mode filter AAA hanya menampilkan warna paling kontras, cocok untuk pengguna dengan gangguan penglihatan sedang.
• Desain konten web & email: pembuat konten web dan desainer email menggunakan Pencari untuk memastikan teks mereka terbaca pada berbagai warna latar belakang. Dengan lebih dari 250 warna bernama dari berbagai sumber, alat ini memberikan lebih banyak opsi yang dapat diakses daripada menebak nilai warna secara manual.

Pedoman Aksesibilitas Konten Web (WCAG) menetapkan rasio kontras minimum untuk memastikan teks terbaca oleh pengguna dengan gangguan penglihatan, termasuk penglihatan lemah dan defisiensi penglihatan warna. Pencari Nama Warna WCAG membantu Anda mengidentifikasi warna bernama mana (dari sumber CSS, X11, dan Pantone) yang memberikan kontras cukup pada warna latar belakang apa pun. Rasio kontras dihitung menggunakan rumus luminansi relatif WCAG 2.1, menghasilkan nilai antara 1:1 (tanpa kontras) dan 21:1 (maksimum - hitam di atas putih).

1. Masukkan warna latar belakang Anda: ketik nilai HEX (misalnya, #1E3A5F) atau gunakan pemilih warna untuk memilih warna secara visual. Anda juga dapat mengeklik salah satu dari 16 prasetel latar belakang (Putih, Hitam, Navy, Beige, dll.) untuk pengujian cepat. Semua pemrosesan berjalan lokal di browser Anda - data warna Anda tidak pernah meninggalkan perangkat Anda.
2. Jelajahi warna yang dapat diakses: alat ini langsung mengevaluasi semua lebih dari 250 warna bernama dari basis data kami terhadap latar belakang Anda. Setiap warna menampilkan rasio kontrasnya, lencana kepatuhan (AAA, AA, AA Large, atau Gagal), dan pratinjau visual warna pada latar belakang Anda. Gunakan tab filter untuk hanya menampilkan warna yang memenuhi AA+ atau AAA.
3. Salin warna apa pun: klik kartu warna mana pun untuk menyalin nilai HEX-nya ke papan klip. Warna diurutkan berdasarkan rasio kontras (tertinggi lebih dulu), memudahkan menemukan warna teks paling kontras untuk desain Anda dengan cepat.

• AAA (7:1): kontras yang ditingkatkan untuk teks normal. Standar WCAG tertinggi, direkomendasikan untuk pengguna dengan gangguan penglihatan sedang. Hanya warna paling kontras yang lolos tingkat ini. Ideal untuk teks isi pada bagian bacaan kritis atau saat merancang dengan prioritas aksesibilitas.
• AA (4,5:1): kontras minimum untuk teks normal. Ini adalah standar hukum yang diwajibkan oleh sebagian besar regulasi aksesibilitas, termasuk Section 508 dan ADA. Semua teks isi di bawah 18 pt (atau 14 pt tebal) harus memenuhi tingkat ini. Ini adalah tingkat WCAG yang paling umum ditargetkan untuk konten web.
• AA Large (3:1): kontras minimum untuk teks besar (≥18 pt atau ≥14 pt tebal) dan komponen antarmuka. Ini juga berlaku untuk elemen non-teks seperti ikon, batas, dan objek grafis sesuai Kriteria Keberhasilan 1.4.11 WCAG 2.1.
• Gagal (<3:1): tidak memenuhi persyaratan kontras teks WCAG mana pun. Warna pada tingkat ini tidak boleh digunakan untuk teks atau elemen antarmuka penting pada latar belakang ini. Pertimbangkan menggunakannya hanya untuk tujuan dekoratif.

Pencari Nama Warna WCAG kami menggunakan rumus luminansi relatif standar WCAG 2.1, yang memperhitungkan sensitivitas mata manusia yang berbeda terhadap berbagai panjang gelombang cahaya. Rumus ini pertama-tama mengonversi setiap warna ke komponen sRGB liniernya, lalu menerapkan bobot luminansi standar (merah: 0,2126, hijau: 0,7152, biru: 0,0722). Rasio kontras dihitung sebagai (L1 + 0,05) / (L2 + 0,05), dengan L1 adalah luminansi warna yang lebih terang dan L2 luminansi warna yang lebih gelap. Ini memberikan pengukuran kontras yang dirasakan secara matematis presisi, berkisar dari 1:1 (warna identik) hingga 21:1 (hitam vs putih).