Simulasi Buta Warna: Lihat Desain Lewat Mata Penderita Buta Warna
Simulasi buta warna ini menampilkan bagaimana gambar dan warna Anda terlihat oleh penderita kekurangan penglihatan warna (CVD). Masukkan tangkapan layar, foto, atau kode HEX, lalu langsung lihat tampilannya seperti yang dilihat oleh penderita deuteranopia, protanopia, tritanopia, atau achromatopsia.
Sekitar 8% pria dan 0,5% wanita mengalami salah satu bentuk buta warna, sehingga dua corak yang bagi Anda jelas berbeda bisa tampak sama persis bagi sebagian besar audiens Anda. Desainer, pengembang, dan penguji aksesibilitas menggunakan alat ini untuk menemukan benturan warna sebelum produk dirilis.
Cara Menggunakan Simulasi Buta Warna
Tambahkan gambar (atau warna)
Dalam mode Gambar, klik area unggah, seret dan lepas berkas, atau tempel dari papan klip dengan Ctrl+V. Anda juga bisa memuat contoh bawaan (Buah, Lalu Lintas, Alam) atau mengambil bingkai dari webcam. Untuk memeriksa satu corak saja, beralih ke mode Warna.
Pilih jenis buta warna
Pilih Deuteranopia (buta warna hijau), Protanopia (buta warna merah), Tritanopia (buta warna biru), atau Achromatopsia (buta warna total). Simulasi diperbarui seketika.
Bandingkan asli vs. simulasi
Seret pembatas melintasi gambar untuk menyapu antara tampilan asli dan tampilan simulasi, atau tekan Lihat semua jenis untuk melihat setiap simulasi buta warna berdampingan dalam satu tampilan.
Unduh atau uji warna berikutnya
Simpan gambar hasil simulasi sebagai PNG (jenis buta warna ditambahkan ke nama berkas) untuk dokumentasi atau laporan bug. Dalam mode Warna, ketik kode HEX apa pun untuk melihat keempat corak buta warna sekaligus.
Fitur
Beragam Cara Memasukkan Gambar
Unggah berkas, seret dan lepas, tempel tangkapan layar dengan Ctrl+V, ambil dari webcam, atau muat gambar contoh bawaan agar bisa langsung mulai.
Empat Jenis Buta Warna
Simulasikan Deuteranopia (buta warna hijau, ~6% pria), Protanopia (buta warna merah), Tritanopia (buta warna biru), dan Achromatopsia (buta warna total).
Perbandingan Penggeser
Seret pembatas untuk menyapu antara gambar asli dan simulasi sehingga Anda bisa melihat persis warna mana yang menyatu.
Tampilan Semua Jenis
Lihat gambar asli dan keempat simulasi buta warna sekaligus dalam satu tampilan untuk pemeriksaan aksesibilitas yang cepat dan menyeluruh.
Mode Warna
Uji satu warna HEX dengan pemilih warna atau dengan mengetik kodenya, lalu lihat bagaimana ia bergeser di setiap jenis buta warna sebagai corak.
Ekspor PNG
Unduh gambar hasil simulasi sebagai PNG dengan jenis buta warna pada nama berkas untuk laporan, tiket, atau berbagi dengan tim Anda.
Simulasi Berbasis Sains
Dibangun di atas algoritme Brettel, Viénot & Mollon (1997), metode tervalidasi untuk memperkirakan kekurangan penglihatan warna.
Privat & Berjalan di Peramban
Semua pemrosesan terjadi di peramban Anda. Gambar tidak pernah diunggah atau disimpan, dan setelah dimuat, alat ini bekerja secara luring.
Pertanyaan yang Sering Diajukan
Apa yang dilihat orang buta warna?
Penderita kekurangan penglihatan warna kesulitan membedakan warna tertentu. Bentuk yang paling umum memengaruhi persepsi merah-hijau, sehingga merah, hijau, oranye, dan cokelat bisa menyatu; bentuk yang lebih jarang memengaruhi biru-kuning, dan jenis yang sangat langka menghilangkan warna sepenuhnya. Simulasi ini menciptakan kembali setiap tampilan tersebut agar Anda dapat melihat sendiri efeknya.
Apa itu protanopia, deuteranopia, dan tritanopia?
Deuteranopia adalah buta warna hijau dan jenis yang paling umum, memengaruhi sekitar 6% pria. Protanopia adalah buta warna merah (sekitar 1% pria). Tritanopia adalah buta warna biru, yang langka (di bawah 0,1%). Alat ini juga mencakup Achromatopsia, buta warna total, yang sangat langka.
Seberapa akurat simulasi buta warna ini?
Alat ini menggunakan algoritme Brettel, Viénot & Mollon (1997), metode yang tervalidasi secara ilmiah untuk menyimulasikan kekurangan penglihatan warna. Tidak ada simulasi yang bisa meniru sempurna penglihatan orang lain, tetapi alat ini memberikan perkiraan andal yang lebih dari cukup untuk pengujian aksesibilitas.
Bagaimana cara memeriksa apakah desain saya ramah buta warna?
Unggah tangkapan layar desain Anda dan mulai dengan Deuteranopia, jenis yang paling umum. Jika warna-warna penting masih terlihat jelas berbeda, periksa juga Protanopia dan Tritanopia. Ketika dua warna menjadi sama dalam simulasi, penderita kondisi tersebut tidak bisa membedakannya, jadi tambahkan petunjuk kedua seperti pola, ikon, atau label.
Apakah gambar saya diunggah ke server?
Tidak. Semua pemrosesan gambar terjadi sepenuhnya di peramban Anda menggunakan JavaScript dan Canvas API. Gambar serta bingkai webcam Anda tidak pernah meninggalkan perangkat, sehingga pekerjaan Anda tetap sepenuhnya privat.
Format dan ukuran gambar apa saja yang didukung?
Alat ini bekerja dengan format umum yang bisa dibaca peramban Anda, termasuk JPEG, PNG, GIF, dan WebP. Transparansi PNG dipertahankan karena kanal alfa tidak diutak-atik selama simulasi. Gambar yang lebih besar dari 2000 piksel otomatis diubah ukurannya (dengan menjaga rasio aspek) demi kelancaran kinerja.
Bisakah saya memakai ini untuk pengujian aksesibilitas WCAG?
Alat ini membantu Anda menemukan kombinasi warna yang sulit dibedakan oleh pengguna buta warna, yang merupakan salah satu bagian dari aksesibilitas. Kepatuhan WCAG penuh juga bergantung pada rasio kontras, jadi padukan simulasi ini dengan pemeriksa kontras untuk cakupan yang lengkap.
Belum ada komentar. Jadilah yang pertama berkomentar!