Accessible Palette: Berhenti Menggunakan HSL dalam Sistem Warna

• Penulis membagikan pengalaman menyusun ulang sistem warna di Postmark dan masalah yang dialami dengan palet sebelumnya.
• Masalah utama pada palet sebelumnya adalah ketidakkonsistenan kecerahan warna yang dipersepsikan serta rasio kontras yang tidak dapat diprediksi antarvariasi warna.
• Penulis menjelaskan bahwa masalah-masalah ini disebabkan oleh keterbatasan bawaan model warna HSL dan kurangnya dukungan di alat desain untuk alternatif yang lebih baik.
• Sebagai pengganti HSL, penulis memperkenalkan ruang warna CIELAB dan LCh sebagai alternatif yang lebih baik karena dirancang untuk mencerminkan persepsi manusia terhadap kecerahan dan saturasi.
• Penulis memperkenalkan aplikasi Accessible Palette, sebuah alat untuk membangun sistem warna dengan kecerahan yang konsisten dan rasio kontras yang dapat diprediksi.
• Aplikasi ini memungkinkan pengguna menyesuaikan tingkat kecerahan, mengendalikan rasio kontras, dan menghasilkan palet warna berdasarkan ruang warna RGB atau CIELAB.
• Penulis membahas kelemahan perhitungan rasio kontras WCAG 2.1 saat ini dan memperkenalkan Advanced Perceptual Contrast Algorithm (APCA) yang digunakan dalam aplikasi.
• Penulis mendorong pembaca untuk membangun sistem warna dengan mempertimbangkan panduan WCAG 2.1 dan APCA demi kepatuhan serta kesiapan masa depan semaksimal mungkin.
• Penulis menekankan manfaat menggunakan aplikasi Accessible Palette dan mengundang pembaca untuk menghubungi kapan saja jika memiliki pertanyaan atau masukan.

[GN⁺]

Komentar Hacker News

• Pada sistem tampilan dan pencetakan umum, merah dan biru yang jenuh lebih gelap daripada hijau.
• Menerapkan aturan kontras membuat pemilihan warna lebih aksesibel, tetapi teknik dalam artikel ini memungkinkan pilihan yang tetap aksesibel sekaligus menarik secara visual.
• Hijau layar yang jenuh tidak semungkin itu dalam keadaan jenuh, tetapi tetap lebih jenuh daripada sebagian besar warna hijau di kehidupan nyata.
• Keseimbangan kanal merah dan hijau pada pohon dan rumput membuatnya tampak bagus dalam stereogram.
• Rekomendasi kontras warna WCAG 2.1 terkadang dapat menghasilkan hasil yang lebih sulit dibaca daripada sampel dengan kontras yang tidak memadai.
• Artikel ini menyediakan tautan ke materi yang komprehensif tentang warna.
• Penulis komentar memanfaatkan gagasan dalam artikel ini untuk memberi warna pada log di ClickHouse.
• APCA disebut sebagai calon penerus potensial untuk algoritme kontras warna WCAG 2.
• Saat bekerja dengan warna, alat dan algoritme hanyalah pendekatan matematis, jadi penting untuk mempercayai mata Anda.
• Fungsi CSS color() mendukung berbagai ruang warna, bukan hanya sRGB.
• Ini mempertanyakan rumus perseptual terkait aksesibilitas dan interaksinya dengan buta warna.
• Menyarankan oklab sebagai alternatif alih-alih LCh.
• APCA Contrast yang disebut dalam artikel dianggap lebih adil untuk beberapa warna dibandingkan Contrast Ratio di WCAG 2.1.
• Disediakan materi tambahan tentang teori warna dan APCA.
• Penulis menginginkan algoritme yang dapat digunakan di semua perangkat lunak, bukan hanya formulir web.
• Artikel lain menyebut HSY, model warna yang digunakan dalam pemilih warna lanjutan di Krita.