Heuristik perbaikan warna aksesibilitas
Formula
Iterasi L latar depan/latar belakang hingga rasio ≥ target (4,5 atau 7,0).
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 heuristik perbaikan warna Aksesibilitas 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
Sesuaikan pasangan yang gagal menuju kontras yang sesuai.
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 heuristik perbaikan warna aksesibilitas 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.