Pemeriksa kontras
Hitung rasio teks dan latar serta bandingkan dengan ambang WCAG AA untuk teks biasa dan besar.
Buka alat ↗VIJERON / COLOR DESK
Warna terlihat. Keputusan terbaca.
Panduan warna digital dan aksesibilitas dengan dua alat yang menjelaskan hitungan, batas, serta konteks penggunaannya. Mulai dari kode HEX, lalu uji pasangan teks dan latar yang benar-benar dipakai.
#25194A
#5632A8
#9674DC
#D9CAFF
HEX → PAIR → RATIO
Uji pasangan, bukan warna tunggal
Satu warna dapat berhasil pada satu latar tetapi gagal pada latar lain. Catat peran setiap warna, rasio pasangan solid, serta tanda nonwarna untuk status yang penting.
02 / Alat
Dua meja kerja warna
Kode dan hasil diproses di peramban Anda; nilainya tidak dikirim ke server Vijeron.
Variasi lima warna
Campur warna dasar dengan putih dan hitam menurut langkah pilihan, lalu lihat kode serta rasio terhadap putih dan hitam.
Buka alat ↗03 / Panduan
Delapan panduan dari kode hingga pemeriksaan akhir
Setiap panduan memakai contoh konkret, kesalahan yang perlu dihindari, dan tautan standar primer.
Membaca kode HEX dan kanal RGB
Pahami angka warna sebelum memilihnya untuk teks, latar, atau komponen.
Baca panduan ↗Mengapa kecerahan relatif menentukan kontras
Rasio teks dan latar dihitung dari luminans relatif, bukan selisih angka HEX mentah.
Baca panduan ↗Bedakan ambang untuk teks biasa dan teks besar
WCAG AA meminta rasio berbeda untuk ukuran teks berbeda; angka tampilan yang dibulatkan bukan dasar keputusan.
Baca panduan ↗Sampaikan makna tanpa mengandalkan warna saja
Tambahkan teks, bentuk, atau pola ketika warna menyampaikan status dan instruksi.
Baca panduan ↗Periksa batas input, ikon, dan grafik penting
Kontras nonteks memakai objek yang membawa informasi, bukan semua hiasan.
Baca panduan ↗Rancang keadaan fokus yang terlihat
Palet tidak selesai pada keadaan normal; navigasi keyboard harus tetap terlihat.
Baca panduan ↗Susun palet menurut peran, bukan jumlah swatch
Tentukan latar, teks, garis, dan aksen lalu uji pasangan yang benar-benar bertemu.
Baca panduan ↗Buat lembar uji warna sebelum terbit
Catat pasangan warna, fungsi, hasil hitung, dan pemeriksaan visual dalam satu tempat.
Baca panduan ↗Artikel, contoh angka, alat, dan ilustrasi dibuat untuk Vijeron. Situs rujukan menjelaskan standar; mereka tidak mendukung proyek ini.
Metode & sumber ↗