Skip to main content

आईओएस और एंड्रॉइड सिस्टम रंग आईओएस ह्यूमन इंटरफेस और एंड्रॉइड मैटेरियल डिज़ाइन के लिए सिस्टम रंग ब्राउज़ करें।

आईओएस और एंड्रॉइड सिस्टम रंग illustration
🎨

आईओएस और एंड्रॉइड सिस्टम रंग

आईओएस ह्यूमन इंटरफेस और एंड्रॉइड मैटेरियल डिज़ाइन के लिए सिस्टम रंग ब्राउज़ करें।

1

प्लेटफ़ॉर्म चुनें

iOS (ह्यूमन इंटरफ़ेस) या Android (मैटेरियल 3) का चयन करें।

2

दिखावट बदलें

iOS के लिए, हल्के और गहरे मोड रंगों के बीच स्विच करें।

3

रंग कॉपी करें

किसी भी सिस्टम रंग का HEX कोड कॉपी करें।

Loading tool...

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

  • 1
    iOS सिस्टम रंग स्वचालित रूप से कोड में समायोजित हो जाते हैं - UIColor.systemBlue का उपयोग HEX के बजाय करें
  • 2
    एंड्रॉइड मैटेरियल 3 टोकन जेटपैक कंपोज़ में MaterialTheme के माध्यम से उपयोग करने चाहिए
  • 3
    गहरे मोड रंग हल्के मोड की तुलना में थोड़े उज्ज्वल होते हैं ताकि गहरे पृष्ठभूमि पर दृश्य भार बनाए रखा जा सके
  • 4
    स्वचालित गहरे मोड समर्थन के लिए सेमांटिक नाम (सिस्टम रंग) का उपयोग करें और हार्डकोडेड मानों का उपयोग न करें
  • 5
    iOS में छह ग्रे स्तर (systemGray से systemGray6 तक) विभिन्न पदानुक्रम स्तरों के लिए होते हैं

Related Tools

Frequently Asked Questions

Q गहरे मोड रंग हल्के मोड से अलग क्यों होते हैं?
गहरे मोड रंग दृश्य भार और पठनीयता को बनाए रखने के लिए गहरे पृष्ठभूमि पर समायोजित किए जाते हैं। हल्के मोड रंगों को सीधे उल्टा करने से अच्छे परिणाम नहीं मिलते हैं क्योंकि चमक की मानव धारणा गैर-रेखीय होती है।
Q क्या मुझे इन सटीक HEX मानों का उपयोग स्वदेशी कोड में करना चाहिए?
प्लेटफ़ॉर्म API (UIColor.systemBlue, MaterialTheme.colorScheme.primary) का उपयोग करना पसंद करें क्योंकि वे दिखावट परिवर्तनों को स्वचालित रूप से संभालते हैं। डिज़ाइन टूल और संदर्भ के लिए इन 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.