Simulator Buta Warna
Pilih gambar — grafik, figur, atau slide — dan lihat bagaimana orang dengan protanopia, deuteranopia, tritanopia, dan achromatopsia melihatnya, di samping versi aslinya. Simulasi menggunakan model Machado, Oliveira, dan Fernandes (2009) dalam RGB linear. Gambar Anda diproses di kanvas pada browser dan tidak pernah diunggah. Gratis, tanpa perlu mendaftar.
Gambar dibuka oleh browser Anda dan digambar di kanvas pada halaman ini. Gambar tidak pernah diunggah.
Pilih gambar, atau gunakan gambar contoh, untuk melihat bagaimana tampilannya bagi orang dengan defisiensi penglihatan warna.
100% adalah dikromasi — jenis kerucut itu tidak ada (protanopia, deuteranopia, tritanopia). Nilai yang lebih rendah adalah trikromasi anomali, ketika jenis kerucut merespons lemah (protanomali, deuteranomali, tritanomali). Achromatopsia tidak memiliki tingkat keparahan.
Cara Menggunakan Simulator Buta Warna
- 1. Muat gambar. Gunakan Pilih berkas untuk PNG, JPEG, GIF, WebP, atau SVG, atau coba contoh bawaan, yang berisi sapuan rona, delapan warna Okabe–Ito, dan palet merah–kuning–hijau. Gambar besar diperkecil hingga 900 piksel pada sisi terpanjang.
- 2. Pilih tampilan. Protanopia, deuteranopia, tritanopia, dan achromatopsia aktif secara default. Matikan yang tidak Anda perlukan.
- 3. Atur tingkat keparahan. Pada 100% alat mensimulasikan dikromasi (satu jenis kerucut tidak ada). Nilai yang lebih rendah mensimulasikan trikromasi anomali, ketika jenis kerucut tersebut hanya melemah.
- 4. Bandingkan dan simpan. Setiap panel berada di samping gambar asli. Unduh satu panel sebagai PNG, atau unduh semuanya sebagai satu lembar berlabel untuk ditempel ke laporan atau dibagikan kepada rekan penulis.
Apa yang Ditunjukkan Setiap Tampilan
- Protanopia dan protanomali — kerucut panjang gelombang panjang (L, “merah”) tidak ada atau lemah. Warna merah tampak gelap dan bergeser ke cokelat atau zaitun; merah dan hijau tertukar.
- Deuteranopia dan deuteranomali — kerucut panjang gelombang menengah (M, “hijau”) tidak ada atau lemah. Merah dan hijau tertukar, tetapi merah tidak menjadi segelap pada protanopia. Deuteranomali adalah bentuk yang paling umum.
- Tritanopia dan tritanomali — kerucut panjang gelombang pendek (S, “biru”) tidak ada atau lemah. Biru dan hijau menyatu, dan kuning serta merah muda tertukar. Kondisi ini jarang.
- Achromatopsia — tidak ada fungsi kerucut yang dapat digunakan, sehingga dunia tampak dalam nuansa abu-abu. Alat ini menggambarkannya sebagai luminansi relatif, yang bukan bagian dari model Machado (lihat di bawah).
Menurut US National Eye Institute, sekitar 1 dari 12 pria memiliki defisiensi penglihatan warna, dan jumlah wanita jauh lebih sedikit — jadi di ruang kuliah atau kelompok peninjau, kemungkinan ada orang yang terdampak. Defisiensi merah–hijau adalah jenis yang paling umum sejauh ini.
Cara Kerja Simulasi
Alat ini menggunakan matriks yang diterbitkan bersama Machado, G. M., Oliveira, M. M., & Fernandes, L. A. F. (2009), “A physiologically-based model for simulation of color vision deficiency,” IEEE Transactions on Visualization and Computer Graphics, 15(6), 1291–1298. Penulis memberikan satu matriks 3 × 3 untuk setiap jenis dan setiap tingkat keparahan dari 0,0 hingga 1,0 dengan langkah 0,1; penggeser bergerak sepanjang tabel tersebut dan melakukan interpolasi antarbaris untuk nilai di antaranya.
- Setiap nilai sRGB piksel diubah menjadi cahaya linear (kurva gamma terbalik).
- Vektor RGB linear dikalikan dengan matriks untuk jenis dan tingkat keparahan yang dipilih.
- Hasilnya dibatasi ke rentang 0–1 dan dikodekan ulang dengan gamma.
- Alfa tidak diubah. Abu-abu dan putih tidak berubah, karena setiap baris dari setiap matriks berjumlah 1.
Mengapa palet merah–hijau gagal
Merah #d7191c dan hijau #1a9641 dari palet merah–kuning–hijau yang umum menjadi #8a7b0c dan #8a7f48 di bawah deuteranopia — dua zaitun yang hampir identik.
Vermilion Okabe–Ito #d55e00 dan hijau kebiruan #009e73 menjadi #9e8c00 dan #8a8676 di bawah deuteranopia: lebih dekat dari sebelumnya, tetapi masih berbeda dalam kecerahan dan rona.
Apa yang Tidak Bisa Diberitahukan Simulasi
- Ini model, bukan orang. Penglihatan nyata bervariasi di dalam setiap jenis, dan model hanya mencakup respons kerucut, bukan adaptasi otak atau konteks.
- Achromatopsia adalah perkiraan. Model Machado tidak memiliki matriks untuk kondisi ini. Di sini digunakan luminansi relatif WCAG Y = 0,2126 R + 0,7152 G + 0,0722 B yang ditampilkan sebagai abu-abu. Kondisi ini biasanya juga disertai ketajaman visual rendah dan sensitivitas cahaya, yang tidak disimulasikan.
- Layar Anda berpengaruh. Piksel kanvas dibaca sebagai sRGB. Layar gamut lebar atau filter mode malam mengubah apa yang Anda lihat; file hasil simulasi sendiri akurat menurut model.
- Sebagian besar penderita defisiensi penglihatan warna masih melihat warna. Dikromasi adalah ujung ekstrem dari setiap spektrum. Banyak orang memiliki defisiensi ringan, yang didekati oleh penggeser keparahan.
Merancang Gambar yang Tetap Terbaca
- Jangan hanya mengandalkan rona. Tambahkan label langsung, penanda, gaya garis, atau pola sehingga setiap kategori memiliki isyarat kedua.
- Variasikan kecerahan. Jika dua warna tampak sama pada tampilan achromatopsia, keduanya juga sulit dibedakan saat dicetak hitam-putih.
- Hindari merah berdampingan dengan hijau — dan biru dengan ungu, atau hijau dengan cokelat — sebagai satu-satunya pembeda antara dua seri.
- Mulailah dari palet yang aman. Palet Okabe–Ito yang digunakan oleh pembuat grafik di situs ini dirancang untuk hal ini. Untuk peta panas, viridis, cividis, dan skema sekuensial ColorBrewer tetap baik; Heatmap Maker menyediakannya.
- Periksa kontras juga. Pasangan yang lolos sebagai warna tetap bisa gagal syarat WCAG 3:1 untuk grafis — gunakan Color Contrast Checker.
Pertanyaan yang Sering Diajukan
- Apakah gambar saya diunggah ke server?
- Tidak. File dibuka oleh browser Anda, digambar ke kanvas di halaman ini, dan diproses di sana. Tidak ada yang dikirim melalui jaringan, dan tidak ada yang disimpan setelah Anda menutup atau memuat ulang halaman.
- Apa perbedaan antara protanopia dan deuteranopia?
- Protanopia adalah tidak adanya kerucut panjang gelombang panjang (merah); deuteranopia adalah tidak adanya kerucut panjang gelombang menengah (hijau). Keduanya membuat merah dan hijau sulit dibedakan, tetapi pada protanopia warna merah juga tampak jauh lebih gelap. Keduanya sering tampak mirip pada banyak figur, itulah sebabnya palet yang memperbaiki salah satunya biasanya juga memperbaiki yang lain.
- Jenis buta warna apa yang paling umum?
- Defisiensi merah–hijau, sebagian besar deuteranomali (kerucut hijau yang lemah), mencakup sebagian besar kasus. Defisiensi tritan dan achromatopsia total jarang terjadi.
- Apa fungsi penggeser tingkat keparahan?
- Pada 100% alat mensimulasikan dikromasi, ketika satu jenis kerucut tidak ada. Pada nilai yang lebih rendah alat menggunakan matriks Machado untuk trikromasi anomali (protanomali, deuteranomali, tritanomali), ketika kerucut tetap merespons tetapi bergeser. Pada 0% gambar tidak berubah. Achromatopsia mengabaikan penggeser.
- Bagaimana membuat grafik ramah buta warna?
- Gunakan palet yang dirancang untuknya, seperti Okabe–Ito untuk kategori atau viridis untuk data kontinu, dan tambahkan isyarat kedua selain warna: label, penanda, gaya garis, atau pola. Lalu periksa hasilnya di sini: jika setiap seri dan kategori masih dapat dibedakan di keempat tampilan, grafik tersebut kokoh.
- Apakah ini sama dengan cara penderita buta warna melihat?
- Ini perkiraan yang baik untuk pemeriksaan desain, bukan replika. Orang dengan diagnosis yang sama berbeda-beda, dan model hanya bekerja pada respons kerucut. Anggap ini sebagai cara menemukan masalah lebih awal; jika sebuah gambar penting, mintalah pendapat orang yang memiliki kondisi tersebut.