Pemeriksa Kontras Warna

Periksa rasio kontras WCAG AA/AAA antara dua warna

Tentang kalkulator ini

Pemeriksa Kontras Warna menghitung rasio kontras WCAG 2.x antara warna latar depan dan latar belakang menggunakan rumus luminans relatif (L1 + 0,05) / (L2 + 0,05). Alat ini menerima masukan #rgb, #rrggbb, dan rgb(r,g,b), lalu menampilkan rasio yang tepat, luminans kedua warna, serta tanda lulus/gagal untuk AA dan AAA pada ambang teks normal (4,5:1 / 7:1) dan teks besar (3:1 / 4,5:1). Warna yang tidak valid menghasilkan pesan kesalahan. Penting untuk desain web yang aksesibel.

Cara menggunakan Pemeriksa Kontras Warna

  1. Ketik atau tempel input Anda ke kolom.
  2. Baca keluarannya — langsung diperbarui saat Anda mengetik.
  3. Sesuaikan opsinya, jika ada, dengan kebutuhan Anda.
  4. Salin URL halaman untuk membagikan hasil yang persis sama.

Contoh umum

  • #000000 di atas #ffffff → 21,0000:1 — lulus semua level AA dan AAA
  • #777777 di atas #ffffff → 4,4781:1 — gagal AA teks normal dengan selisih tipis, lulus AA teks besar
  • #0066cc di atas #ffffff → 5,5666:1 — lulus AA, gagal AAA normal
  • #ffcc00 di atas #333333 → 8,3564:1 — lulus AAA untuk semua ukuran teks

Pertanyaan yang sering diajukan

Pemeriksa Kontras Warna: bagaimana cara kerjanya?

Ketik atau tempel input Anda, lalu alat ini memprosesnya langsung di browser dan segera menampilkan hasilnya. Tidak ada yang Anda ketik diunggah ke server — seluruh perhitungan berlangsung di perangkat Anda.

Pemeriksa Kontras Warna: kapan saya memerlukannya?

Praktis untuk tugas pengembangan, debugging, desain, dan administrasi — kapan pun Anda perlu melakukan transformasi atau pemeriksaan ini dengan cepat tanpa memasang apa pun atau memercayakan data Anda kepada layanan pihak ketiga.

Seberapa andal hasilnya?

Alat ini menerapkan standar atau spesifikasi yang relevan secara langsung, sehingga keluarannya sesuai dengan yang dihasilkan perangkat lunak yang patuh standar. Kasus khusus seperti input kosong atau tidak valid dilaporkan dengan jelas alih-alih gagal diam-diam.

Bisakah saya membagikan hasil tertentu kepada orang lain?

Ya. Input Anda memperbarui URL, jadi dengan menyalin alamat di bilah alamat dan membagikan tautannya, siapa pun yang mengekliknya akan membuka alat ini dalam keadaan yang sama.