Pemeriksa kontras warna
Masukkan dua warna dan lihat rasio kontras WCAG secara instan dengan panduan AA dan AAA.
Masukkan warna latar depan dan belakang dalam hex atau RGB untuk menghitung rasio kontras WCAG secara instan, melihat hasil AA/AAA, pratinjau teks, dan saran penyesuaian opsional.
Cara menggunakan pemeriksa kontras warna ini
Ketik atau tempel warna latar depan dan belakang. Alat menormalkan input valid ke hex huruf besar, menghitung rasio kontras WCAG secara instan, dan menampilkan lulus/tidak lulus untuk ambang AA dan AAA. Gunakan Sarankan perbaikan, bagikan lewat URL, atau atur ulang.
Ambang rasio kontras WCAG
WCAG 2.x memerlukan minimal 4,5:1 untuk teks normal (AA), 3:1 untuk teks besar (AA), 7:1 untuk teks normal (AAA), dan 4,5:1 untuk teks besar (AAA). Alat ini selalu menampilkan keempat hasil untuk perbandingan.
Format warna yang didukung
Masukkan #RGB, #RRGGBB, rgb(r,g,b) atau r,g,b dipisah koma. Kanal harus bilangan bulat 0–255. Transparansi alpha, hex 8 digit, HSL/HSLA, dan warna bernama CSS tidak didukung di v1.
Arti lulus dan tidak lulus
Lulus berarti rasio yang dihitung memenuhi atau melebihi ambang untuk tingkat tersebut. Tidak lulus berarti sebaliknya. Label dan ikon menyertai warna agar hasil dapat dipahami tanpa hanya mengandalkan warna.
Pertanyaan yang Sering Diajukan
Mengapa alpha dan gradien tidak didukung?
Versi 1 hanya mengevaluasi warna sRGB yang sepenuhnya opak. Pencampuran alpha dan gradien memerlukan aturan komposisi yang belum dimodelkan alat ini; rgba(), hex 8 digit, dan analisis gradien berada di luar MVP.
Bagaimana rasio kontras dihitung?
Pemeriksa menggunakan rumus luminansi relatif WCAG untuk sRGB opak: linearisasi kanal, hitung luminansi, lalu (lebih terang + 0,05) / (lebih gelap + 0,05). Tampilan dibulatkan dua desimal; pemeriksaan ambang memakai nilai penuh.
Apa yang dilakukan Sarankan perbaikan?
Secara deterministik menggeser warna latar depan atau belakang yang dipilih di jalur kecerahan menuju hitam atau putih hingga memenuhi tingkat WCAG yang dipilih, mengembalikan hex patuh terdekat dan rasio hasil jika ada.
Bisakah saya membagikan pasangan warna tertentu?
Ya. Nilai latar depan, belakang, dan ukuran teks yang valid disinkronkan ke parameter URL (misalnya ?fg=000000&bg=FFFFFF&size=normal) untuk menaut langsung ke hasil.
Apakah halaman menyimpan warna saya?
Perhitungan berjalan sepenuhnya di browser Anda. Pasangan warna valid terakhir dapat disimpan di localStorage perangkat untuk kenyamanan; Atur ulang membersihkan input, parameter URL, dan status tersimpan.