• 当为未来的网页设计创建调色板时，仅仅使用web安全颜色并不总是足够。 同样重要的是要注意Web内容无障碍指南（简称WCAG），这是为了使所有消费者，特别是残疾人士更容易访问在线内容而创建的。

    虽然我们不是在这里讨论这些准则，但您可能已经发现有许多工具可以帮助您将设计保持在这些准则中。 今天，我们要看看谷歌浏览器的扩展名为颜色对比度检查。

    视觉对比是一个容易理解的概念;它是什么使对象在并列时彼此不同。 这不仅适用于照片中的物体或生物，而且适用于任何视觉元素;例如，如果文本是白色且背景是相同颜色，您将无法阅读本文。

    虽然这可能看起来很明显和简单，但任何设计师都可能至少有一次为了坚持使用非常酷的颜色图案而牺牲一点清晰度。 那么，这正是颜色对比度检查器不让你做的。 通过精细调整背景和前景颜色的色调，饱和度和亮度，可以获得醒目的颜色组合。 然而，共混物还必须通过AA大、AAA大、AA正常和AAA正常的对比度测试。

    使用色彩对比度检查器可以是一个有趣和安全的方式来创建您的调色板，因为你可以发现，你可能从来没有想过的组合。 您可以保存多达六个颜色匹配，或者你可以简单地复制他们的十六进制代码，并与其他程序使用它们。

    尽管它的目的非常具体，但这是一个轻量级的扩展，可以帮助您完成您的web和应用程序设计项目。

  • अपने भविष्य के वेब डिज़ाइनों के लिए एक पैलेट बनाते समय, केवल वेब सुरक्षित रंगों का उपयोग करना हमेशा पर्याप्त नहीं होता है। वेब कंटेंट एक्सेसिबिलिटी गाइडलाइन्स (या शॉर्ट के लिए WCAG) पर ध्यान देना भी महत्वपूर्ण है, जो ऑनलाइन सामग्री को अपने सभी उपभोक्ताओं और विशेष रूप से विकलांग लोगों के लिए अधिक सुलभ बनाने के लिए बनाए गए थे।

    हालांकि हम इन सटीक दिशानिर्देशों पर चर्चा करने के लिए यहां नहीं हैं, लेकिन आप शायद पहले ही समझ गए हैं कि ऐसे कई उपकरण हैं जो इन दिशानिर्देशों के भीतर आपके डिज़ाइन को बनाए रखने में आपकी मदद कर सकते हैं। आज, हम Google Chrome के लिए एक विस्तार पर नज़र रखने जा रहे हैं, जिसका नाम है कलर कंट्रास्ट चेकर।

    दृश्य विपरीत समझने के लिए एक आसान अवधारणा है; जब वस्तुओं को एक दूसरे से अलग किया जाता है तो यह एक दूसरे से अलग होता है। यह केवल तस्वीरों में वस्तुओं या प्राणियों के लिए नहीं, बल्कि किसी भी दृश्य तत्वों पर लागू होता है; उदाहरण के लिए, यदि आप पाठ श्वेत हैं और पृष्ठभूमि एक ही रंग की है, तो आप इस लेख को नहीं पढ़ पाएंगे।

    हालांकि यह स्पष्ट और सरल लग सकता है, किसी भी डिजाइनर को शायद कम से कम एक बार एक बहुत ही शांत रंग पैटर्न के साथ छड़ी करने के लिए थोड़ी समझदारी का बलिदान करने के लिए लुभाया गया था। ठीक है, यह वही है जो रंग कंट्रास्ट चेकर आपको नहीं करता है। पृष्ठभूमि और अग्रभूमि रंग दोनों के लिए रंग, संतृप्ति और लपट को सूक्ष्मता से समायोजित करके, आप हड़ताली रंग संयोजन प्राप्त कर सकते हैं। हालाँकि, मिश्रण को AA बड़े, AAA बड़े, AA सामान्य और AAA सामान्य विपरीत परीक्षण भी पास करने चाहिए।

    कलर कॉन्ट्रास्ट चेकर का उपयोग करना आपके पैलेट बनाने का एक मजेदार और सुरक्षित तरीका हो सकता है, क्योंकि आप उन संयोजनों की खोज कर सकते हैं जिनके बारे में आपने कभी सोचा भी नहीं होगा। आप छह रंग मैचों तक बचा सकते हैं, या आप बस उनके हेक्स कोड कॉपी कर सकते हैं और अन्य कार्यक्रमों के साथ उनका उपयोग कर सकते हैं।

    भले ही इसका उद्देश्य बहुत विशिष्ट है, यह एक हल्का विस्तार है जो आपकी वेब और एप्लिकेशन डिज़ाइन परियोजनाओं में आपकी सहायता कर सकता है।

  • When creating a palette for your future web designs, just using web safe colors isn’t always enough. It’s also important to take notice of the Web Content Accessibility Guidelines (or WCAG for short), which were created in order to make online content more accessible to all its consumers, and especially to people with disabilities.

    While we’re not here to discuss these exact guidelines, you’ve probably already figured out that there are numerous tools that can help you keep your design within these guidelines. Today, we’re going to take a look at an extension for Google Chrome called Colour Contrast Checker.

    Visual contrast is an easy concept to understand; it’s what makes objects differ from one another when juxtaposed. This is applicable not just to objects or beings in photos, but to any visual elements; for example, you wouldn’t be able to read this article if the text was white and the background was the same color.

    While this may seem obvious and simple, any designer was probably tempted at least once to sacrifice a bit of intelligibility in order to stick with a very cool color pattern. Well, this is exactly what Colour Contrast Checker doesn’t let you do. By finely adjusting the hue, saturation and lightness for both the background and foreground color, you can obtain striking color combinations. However, the blend must also pass the AA Large, AAA Large, AA Normal and AAA Normal contrast tests.

    Using Colour Contrast Checker can be a fun and safe way to create your palettes, because you can discover combinations that you may have never even thought of. You can save up to six color matches, or you can simply copy their hex codes and use them with other programs.

    Even though its purpose is very specific, this is a lightweight extension that can help you with your web and application design projects.