Erişilebilir Palet: Renk Sistemlerinde HSL Kullanmayı Bırakın

• Yazar, Postmark'ta renk sistemini yeniden yapılandırma deneyimini ve önceki palette yaşadığı sorunları paylaşıyor.
• Önceki paletteki temel sorunlar, renklerin algılanan parlaklığındaki tutarsızlık ve renk varyasyonları arasında öngörülemeyen kontrast oranlarıydı.
• Yazar, bu sorunların HSL renk modelinin doğasında bulunan kusurlardan ve tasarım araçlarında daha iyi alternatiflere yeterli desteğin olmamasından kaynaklandığını açıklıyor.
• Yazar, HSL yerine insanın parlaklık ve doygunluk algısını yansıtacak şekilde tasarlanmış CIELAB ve LCh renk uzaylarını daha iyi alternatifler olarak tanıtıyor.
• Yazar, tutarlı parlaklık ve öngörülebilir kontrast oranlarına sahip renk sistemleri oluşturmak için bir araç olan Accessible Palette uygulamasını tanıtıyor.
• Bu uygulama, kullanıcıların parlaklık düzeylerini özelleştirmesine, kontrast oranlarını kontrol etmesine ve RGB veya CIELAB renk uzayını temel alan renk paletleri oluşturmasına olanak tanıyor.
• Yazar, mevcut WCAG 2.1 kontrast oranı hesaplamasının kusurlarını tartışıyor ve uygulamada kullanılan Advanced Perceptual Contrast Algorithm (APCA)'yı tanıtıyor.
• Yazar, okurları olabildiğince geleceğe dönük ve mevzuata uyumlu olmak için renk sistemlerini hem WCAG 2.1 hem de APCA yönergelerini dikkate alarak oluşturmaya teşvik ediyor.
• Yazar, Accessible Palette uygulamasını kullanmanın faydalarını vurguluyor ve soru ya da geri bildirim için okurları diledikleri zaman iletişime geçmeye davet ediyor.

[GN⁺]

Hacker News yorumları

• Genel ekran ve baskı sistemlerinde doygun kırmızı ve mavi, yeşilden daha koyudur.
• Kontrast kuralları uygulandığında renk seçimi erişilebilir hale gelir, ancak bu makaledeki teknik erişilebilir olmasının yanında görsel olarak da çekici seçimlere imkan tanır.
• Doygun ekran yeşili mümkün olan en doygun olmayan ton değildir, ancak gerçek hayattaki çoğu yeşilden daha doygundur.
• Ağaçlar ve çimlerde kırmızı ve yeşil kanalların dengesi stereogramlarda hoş görünmelerini sağlar.
• WCAG 2.1'in renk kontrastı önerileri bazen yeterli kontrastı olmayan örneklerden daha zor okunan sonuçlar üretebilir.
• Bu makale, renk hakkında kapsamlı kaynaklara bağlantılar sunuyor.
• Yorumun yazarı, ClickHouse'ta logları renklendirmek için bu makaledeki fikirlerden yararlanıyor.
• APCA, WCAG 2'nin renk kontrastı algoritmasının olası halefi olarak anılıyor.
• Renklerle çalışırken araçlar ve algoritmalar yalnızca matematiksel yaklaşımlardır; bu yüzden göze güvenmek önemlidir.
• CSS color() fonksiyonu, sRGB'nin yanı sıra çeşitli renk uzaylarını da destekler.
• Erişilebilirlik ve renk körlüğüyle etkileşim açısından algısal formüller hakkında soru işaretleri ortaya koyuyor.
• LCh yerine alternatif olarak oklab öneriliyor.
• Makalede bahsedilen APCA Contrast, bazı renkler için WCAG 2.1'in Contrast Ratio'sundan daha adil kabul ediliyor.
• Renk teorisi ve APCA hakkında ek kaynaklar sunuluyor.
• Yazar, yalnızca web formları için değil, tüm yazılımlarda kullanılabilecek bir algoritma istiyor.
• Başka bir makalede, Krita'nın gelişmiş renk seçicisinde kullanılan renk modeli HSY'den söz ediliyor.