Rumus rasio kontras WCAG
Formula
Kontras = (L1 + 0,05) / (L2 + 0,05) dengan L1 adalah pencahayaan yang lebih terang.
Variables
- R, G, B
- saluran sRGB (0–255 atau 0–1 dinormalisasi)
- H, S, L
- Hue (derajat), saturasi dan kecerahan (0–1) dalam HSL
- L
- Pencahayaan relatif (WCAG) atau kecerahan dalam HSL/OKLCH
FAQ
- Apakah rumus rasio kontras WCAG akurat untuk alur kerja pencetakan?
- Layar RGB dan cetak CMYK menggunakan gamut yang berbeda. Perlakukan konversi sebagai bukti perkiraan; kalibrasi dengan profil ICC untuk cetakan komersial.
- Bisakah saya menggunakan rumus ini di CSS?
- CSS modern mendukung campuran warna(), oklch(), dan lab() untuk banyak operasi. Untuk pipeline yang kompleks, hitung dalam JavaScript dan ekspor variabel CSS.
- Apakah Color DevByte mengunggah warna saya?
- Tidak. Halaman referensi rumus adalah dokumentasi statis; alat interaktif berjalan 100% di sisi klien di browser Anda.
Ikhtisar
Hitung kontras pencahayaan relatif antara warna latar depan dan latar belakang.
Color DevByte mendokumentasikan formula ini untuk pengembang, desainer, dan peninjau aksesibilitas yang memerlukan penghitungan warna yang dapat direproduksi tanpa mengirimkan data ke server.
Gunakan alat warna tertaut untuk menerapkan rumus ini secara interaktif dengan pratinjau langsung dan ekspor multi-format.
Kapan menggunakan rumus ini
Terapkan rumus rasio kontras wcag saat membuat token desain, memvalidasi kontras WCAG, atau mengotomatiskan saluran warna di CSS, Tailwind, atau JSON sistem desain.
Untuk UI produksi, selalu verifikasi hasil dengan pemeriksa kontras atau pratinjau visual — kasus tepi dalam koreksi gamma dan pemetaan gamut dapat mengubah hasil.
Catatan implementasi
Alat berbasis browser harus melakukan linierisasi sRGB sebelum penghitungan pencahayaan atau ΔE.
Lebih suka interpolasi OKLCH atau LAB untuk gradien dan tema untuk menghindari titik tengah keabu-abuan yang umum dalam campuran RGB.