आईओएस और एंड्रॉइड सिस्टम रंग आईओएस ह्यूमन इंटरफेस और एंड्रॉइड मैटेरियल डिज़ाइन के लिए सिस्टम रंग ब्राउज़ करें।
आईओएस और एंड्रॉइड सिस्टम रंग
आईओएस ह्यूमन इंटरफेस और एंड्रॉइड मैटेरियल डिज़ाइन के लिए सिस्टम रंग ब्राउज़ करें।
प्लेटफ़ॉर्म चुनें
iOS (ह्यूमन इंटरफ़ेस) या Android (मैटेरियल 3) का चयन करें।
दिखावट बदलें
iOS के लिए, हल्के और गहरे मोड रंगों के बीच स्विच करें।
रंग कॉपी करें
किसी भी सिस्टम रंग का HEX कोड कॉपी करें।
What Is आईओएस और एंड्रॉइड सिस्टम रंग?
यह टूल आईओएस और एंड्रॉइड सिस्टम रंगों के लिए एक पूर्ण संदर्भ प्रदान करता है - वे पूर्वनिर्धारित रंग जो एप्पल और गूगल द्वारा मूल अनुप्रयोगों के निर्माण के लिए अनुशंसित हैं। आईओएस सिस्टम रंग एप्पल के मानव इंटरफ़ेस दिशानिर्देशों (एचआईजी) का पालन करते हैं और सेमेंटिक नाम वाले रंग जैसे systemBlue, systemRed, और systemGray वेरिएंट शामिल हैं, प्रत्येक में अलग-अलग लाइट और डार्क मोड मान हैं। एंड्रॉइड रंग मैटेरियल डिज़ाइन 3 (मैटेरियल यू) डिज़ाइन टोकन का पालन करते हैं जिसमें प्राथमिक, द्वितीयक, तृतीयक, त्रुटि, और सतह रंग शामिल हैं। प्लेटफ़ॉर्म सिस्टम रंगों का उपयोग करने से यह सुनिश्चित होता है कि आपका ऐप मूल लगता है, उपस्थिति मोड (लाइट/डार्क) के अनुसार समायोजित होता है, और प्रत्येक प्लेटफ़ॉर्म द्वारा निर्धारित सुलभता मानकों को बनाए रखता है। यह संदर्भ डेवलपर्स को दस्तावेज़ीकरण के माध्यम से खुदाई करने से बचाता है और यह सुनिश्चित करता है कि वे एप्पल और गूगल द्वारा निर्दिष्ट सटीक रंग मानों का उपयोग करें।
Why Use आईओएस और एंड्रॉइड सिस्टम रंग?
-
पूर्ण iOS सिस्टम रंग हल्के और गहरे मोड वेरिएंट के साथ
-
एंड्रॉइड डेवलपमेंट के लिए मैटेरियल 3 डिज़ाइन टोकन
-
स्वदेशी ऐप लुक और फील के लिए आधिकारिक प्लेटफ़ॉर्म रंग
-
iOS पर हल्का और गहरा मोड (टोगल) बदलें
-
प्रत्येक रंग के लिए एक-क्लिक कॉपी
Common Use Cases
iOS विकास
स्विफ्ट/स्विफ्टयूआई विकास के लिए सटीक सिस्टम रंग मानों का संदर्भ लें।
एंड्रॉइड विकास
जेटपैक कंपोज़ के लिए मैटेरियल 3 रंग टोकन मान खोजें।
क्रॉस-प्लेटफ़ॉर्म डिज़ाइन
क्रॉस-प्लेटफ़ॉर्म ऐप्स को डिज़ाइन करते समय iOS और एंड्रॉइड सिस्टम रंगों की तुलना करें।
फिगमा/स्केच लाइब्रेरीज
सटीक प्लेटफ़ॉर्म सिस्टम रंगों के साथ डिज़ाइन टूल लाइब्रेरीज स्थापित करें।
Technical Guide
आईओएस सिस्टम रंग सेमेंटिक रंग हैं जो स्वचालित रूप से लाइट और डार्क उपस्थिति के बीच समायोजित होते हैं। उदाहरण के लिए, systemBlue लाइट मोड में #007AFF है और डार्क मोड में #0A84FF है - थोड़ा उज्ज्वल गहरे पृष्ठभूमि पर दृश्य प्रमुखता बनाए रखने के लिए। रंग मान एप्पल के यूआईकिट (यूआईकोलर) और स्विफ्टयूआई (रंग) फ्रेमवर्क में परिभाषित हैं। एंड्रॉइड मैटेरियल 3 एक टोकन-आधारित प्रणाली का उपयोग करता है: प्राथमिक, द्वितीयक, तृतीयक प्रमुख रंगों के लिए, सतह और पृष्ठभूमि कंटेनर के लिए, और सामग्री पर उन सतहों के लिए On-* वेरिएंट। मैटेरियल 3 टोकन उपयोगकर्ता दीवार पत्रिकाओं से गतिशील रंग उत्पादन के माध्यम से मैटेरियल यू प्रणाली के साथ काम करने के लिए डिज़ाइन किए गए हैं। दोनों प्लेटफ़ॉर्म अपने-अपने गहरे पृष्ठभूमि रंगों के खिलाफ धारणा चमक और विपरीतता को अनुकूलित करने के लिए डार्क मोड के लिए थोड़ा अलग रंग चुनते हैं।
Tips & Best Practices
-
1iOS सिस्टम रंग स्वचालित रूप से कोड में समायोजित हो जाते हैं - UIColor.systemBlue का उपयोग HEX के बजाय करें
-
2एंड्रॉइड मैटेरियल 3 टोकन जेटपैक कंपोज़ में MaterialTheme के माध्यम से उपयोग करने चाहिए
-
3गहरे मोड रंग हल्के मोड की तुलना में थोड़े उज्ज्वल होते हैं ताकि गहरे पृष्ठभूमि पर दृश्य भार बनाए रखा जा सके
-
4स्वचालित गहरे मोड समर्थन के लिए सेमांटिक नाम (सिस्टम रंग) का उपयोग करें और हार्डकोडेड मानों का उपयोग न करें
-
5iOS में छह ग्रे स्तर (systemGray से systemGray6 तक) विभिन्न पदानुक्रम स्तरों के लिए होते हैं
Related Tools
हेक्स से आरजीबी रंग परिवर्तक
एक लाइव पूर्वावलोकन स्वैच के साथ हेक्स रंग कोडों को तत्काल आरजीबी मानों में बदलें।
🎨 Color Tools
रंग चुनने वाला
इंटरएक्टिव रंग चुनने वाला, जिसमें HEX, RGB, HSL और CMYK आउटपुट होते हैं।
🎨 Color Tools
कंट्रास्ट अनुपात चेकर
फॉरग्राउंड और बैकग्राउंड रंगों के बीच WCAG कंट्रास्ट अनुपात की जांच करें।
🎨 Color Tools
ब्रांड रंग पैलेट
50 से अधिक लोकप्रिय ब्रांड और टेक कंपनियों के आधिकारिक रंग पैलेट ब्राउज़ करें।
🎨 Color Tools
मैटेरियल डिज़ाइन रंग
सभी शेड्स और एक्सेंट के साथ मैटेरियल डिज़ाइन रंग पैलेट ब्राउज़ करें।
🎨 Color ToolsFrequently Asked Questions
Q गहरे मोड रंग हल्के मोड से अलग क्यों होते हैं?
Q क्या मुझे इन सटीक HEX मानों का उपयोग स्वदेशी कोड में करना चाहिए?
Q क्या ये नवीनतम ओएस संस्करणों से मेल खाते हैं?
About This Tool
आईओएस और एंड्रॉइड सिस्टम रंग is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.