कलर पिकर आणि कॉन्ट्रास्ट तपासक
पिकरने रंग निवडा किंवा कोणत्याही फॉरमॅटमध्ये टाइप करा. तो HEX, RGB, HSL, HSV आणि CMYK मध्ये पाहा, फिकट व गडद छटा आणि जुळणारे रंग मिळवा, आणि दोन रंगांतील मजकूर अॅक्सेसिबिलिटीसाठी WCAG कॉन्ट्रास्ट मार्गदर्शक तत्त्वे पूर्ण करतो का ते तपासा.
रंग
कलर पिकर आणि कॉन्ट्रास्ट तपासक बद्दल
पिकरने रंग निवडा किंवा कोणत्याही फॉरमॅटमध्ये टाइप करा. तो HEX, RGB, HSL, HSV आणि CMYK मध्ये पाहा, फिकट व गडद छटा आणि जुळणारे रंग मिळवा, आणि दोन रंगांतील मजकूर अॅक्सेसिबिलिटीसाठी WCAG कॉन्ट्रास्ट मार्गदर्शक तत्त्वे पूर्ण करतो का ते तपासा.
SmartCalcy च्या “फाइल्स, इमेज आणि डिझाइन” विभागाचा भाग. हे खात्याशिवाय तुमच्या ब्राउझरमध्ये चालते, तुमचे स्वतःचे चलन आणि युनिट वापरते (पेजच्या वरच्या भागात बदला), आणि फक्त माहितीसाठी अंदाज देते, म्हणून निकालावर अवलंबून राहण्यापूर्वी अधिकृत मार्गदर्शन तपासा.
कलर पिकर आणि कॉन्ट्रास्ट तपासक कसे वापरावे
हे काय काढते आणि कधी वापरावे
रंग निवडते आणि HEX, RGB, HSL, HSV आणि CMYK मध्ये रूपांतर करते, फिकट व गडद छटा आणि जुळणारे रंग सुचवते, आणि WCAG अॅक्सेसिबिलिटी मार्गदर्शक तत्त्वांनुसार मजकुराचा कॉन्ट्रास्ट तपासते.
कसे वापरावे, टप्प्याटप्प्याने
- पिकरने रंग निवडा किंवा HEX, RGB, HSL किंवा रंगाचे नाव टाइप करा.
- कॉन्ट्रास्ट तपासण्यासाठी पार्श्वभूमीचा रंग निवडा.
- एका क्लिकवर कोणताही फॉरमॅट कॉपी करा.
- पॅलेटसाठी फिकट व गडद छटा आणि जुळणारे रंग वापरा.
प्रत्येक इनपुटचा अर्थ
- रंग – सुरुवात #2443C8 ने, SmartCalcy निळा.
- पार्श्वभूमी – सुरुवात पांढऱ्याने.
निकाल कसे वाचावेत
- कॉन्ट्रास्ट गुणोत्तर – 1:1 ते 21:1, सामान्य आणि मोठ्या मजकुरासाठी AA व AAA निकालांसह.
- फॉरमॅट – HEX, RGB, HSL, HSV आणि CMYK.
- फिकट आणि गडद छटा – फिकट आणि गडद प्रकार.
- जुळणारे रंग – पूरक, सदृश आणि त्रिकोणी.
सूत्र
कॉन्ट्रास्ट गुणोत्तर = (L1 + 0.05) ÷ (L2 + 0.05), जिथे L1 आणि L2 म्हणजे फिकट व गडद रंगांची सापेक्ष प्रकाशमानता. WCAG AA साठी सामान्य मजकुराला 4.5:1 आणि मोठ्या मजकुराला 3:1 लागते; AAA साठी 7:1 आणि 4.5:1.
सोडवलेले उदाहरण
सुरुवातीच्या रंगांनुसार, पांढऱ्यावर #2443C8 चे कॉन्ट्रास्ट गुणोत्तर 7.74:1 आहे, जे सर्व मजकूर आकारांसाठी AAA पास करते.
गृहीतके आणि मर्यादा
- CMYK मूल्ये साधे रूपांतर आहेत, रंग-व्यवस्थापित प्रिंट प्रोफाइल नाही.
- कॉन्ट्रास्टचे निकाल WCAG 2 सूत्रानुसार आहेत.
नेहमीच्या चुका
- फक्त मोठ्या मजकुरावर कॉन्ट्रास्ट तपासून तोच रंग लहान मजकुरासाठी वापरणे.
- अर्थ दाखवण्यासाठी फक्त रंगावर अवलंबून राहणे.
वारंवार विचारले जाणारे प्रश्न
मला कोणते कॉन्ट्रास्ट गुणोत्तर हवे?
WCAG AA पूर्ण करण्यासाठी सामान्य मजकुराला किमान 4.5:1 आणि मोठ्या मजकुराला 3:1.
मोठा मजकूर म्हणजे विशेष आकार आहे का?
होय: किमान 24 px, किंवा ठळक असल्यास सुमारे 18.7 px.
मी रंगाचे नाव टाइप करू शकतो का?
होय, teal किंवा tomato सारखे कोणतेही CSS रंगाचे नाव चालते.
संबंधित साधने
| पातळी | सामान्य मजकूर | मोठा मजकूर |
|---|---|---|
| AA | पास | पास |
| AAA | पास | पास |
फॉरमॅट
- HEX
- RGB
- HSL
- HSV
- CMYK