Accessible Palette: color systems में HSL का इस्तेमाल बंद करें

 (wildbit.com)
2 पॉइंट द्वारा GN⁺ 2023-08-30 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • लेखक Postmark में color system को फिर से बनाने का अपना अनुभव और पुराने palette में आई समस्याएँ साझा करते हैं.
  • पुराने palette की मुख्य समस्याएँ थीं रंगों की perceived brightness में consistency की कमी और color variants के बीच contrast ratio का unpredictable होना.
  • लेखक बताते हैं कि ये समस्याएँ HSL color model की अंतर्निहित खामियों और design tools में बेहतर alternatives के लिए support की कमी के कारण पैदा हुईं.
  • लेखक HSL के बजाय CIELAB और LCh color spaces को बेहतर विकल्प के रूप में पेश करते हैं, जिन्हें इंसानों की brightness और saturation perception को ध्यान में रखकर डिज़ाइन किया गया है.
  • लेखक Accessible Palette app का परिचय देते हैं, जो consistent brightness और predictable contrast ratio वाले color systems बनाने का एक tool है.
  • यह app users को brightness levels को customize करने, contrast ratio को control करने, और RGB या CIELAB color space के आधार पर color palettes generate करने की सुविधा देता है.
  • लेखक मौजूदा WCAG 2.1 contrast ratio calculation की खामियों पर चर्चा करते हैं और app में इस्तेमाल किए गए Advanced Perceptual Contrast Algorithm (APCA) का परिचय कराते हैं.
  • लेखक पाठकों को सलाह देते हैं कि वे अधिकतम future-proofing और compliance के लिए WCAG 2.1 और APCA दोनों guidelines को ध्यान में रखकर color systems बनाएँ.
  • लेखक Accessible Palette app के उपयोग के फ़ायदों पर ज़ोर देते हैं और सवाल या feedback होने पर पाठकों को कभी भी संपर्क करने के लिए आमंत्रित करते हैं.

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2023-08-30
Hacker News टिप्पणी
  • सामान्य डिस्प्ले और प्रिंट सिस्टम में saturated लाल और नीला, हरे की तुलना में अधिक गहरे होते हैं।
  • contrast rules लागू करने से color choices accessible बन जाते हैं, लेकिन इस लेख की तकनीकें ऐसे विकल्प संभव बनाती हैं जो accessible होने के साथ-साथ visually appealing भी हों।
  • saturated screen green जितना संभव हो उतना saturated नहीं होता, लेकिन वास्तविक जीवन के अधिकांश हरे रंगों से अधिक saturated होता है।
  • पेड़ों और घास में लाल और हरे चैनलों का संतुलन stereogram में अच्छा दिखने में मदद करता है।
  • WCAG 2.1 की color contrast recommendations कभी-कभी ऐसे नतीजे दे सकती हैं जो पर्याप्त contrast न रखने वाले samples की तुलना में पढ़ने में अधिक कठिन हों।
  • यह लेख रंगों पर व्यापक सामग्री के लिए links प्रदान करता है।
  • टिप्पणियों के लेखक ClickHouse में logs को रंगने के लिए इस लेख के विचारों का उपयोग करते हैं।
  • APCA का उल्लेख WCAG 2 के color contrast algorithm के संभावित उत्तराधिकारी के रूप में किया गया है।
  • रंगों के साथ काम करते समय tools और algorithms केवल गणितीय approximations होते हैं, इसलिए अपनी आंखों पर भरोसा करना महत्वपूर्ण है।
  • CSS color() function sRGB के अलावा कई color spaces को support करता है।
  • accessibility और color blindness के साथ interaction के लिए perceptual formulas पर सवाल उठाया गया है।
  • LCh के बजाय oklab को एक विकल्प के रूप में सुझाया गया है।
  • लेख में उल्लेखित APCA Contrast को WCAG 2.1 के Contrast Ratio की तुलना में कुछ रंगों के लिए अधिक उचित माना जाता है।
  • color theory और APCA पर अतिरिक्त सामग्री प्रदान की गई है।
  • लेखक ऐसा algorithm चाहते हैं जिसका उपयोग केवल web forms में ही नहीं, बल्कि सभी software में किया जा सके।
  • एक अन्य लेख में HSY का उल्लेख है, जो Krita के advanced color selector में उपयोग किया जाने वाला color model है।