कलर व्हील - ऑनलाइन कलर पिकर व्हील और पूरक रंग

इस इंटरैक्टिव का प्रयोग करें रंग पहिया को एक रंग चुनें, खोजो सहायक रंग, और अन्वेषण करें अनुरूप, त्रैमासिक, टेट्राडिक, और विभाजित-पूरक योजनाएं. यह किसी रंग का मिलान करने, विपरीत रंगों का परीक्षण करने और एक साथ अच्छे से मेल खाने वाले रंग संयोजन उत्पन्न करने का एक तेज़ तरीका है।

चयनित
हेक्स: #165DFF
एचएसएल: hsl(225, 100%, 56%)
आरजीबी: rgb(22, 93, 255)
पैलेट

विशेषताएँ

  • इंटरएक्टिव रंग बीनने वाला पहिया (HSV) सहज ड्रैगिंग और सटीक इनपुट (HEX/RGB/HSL) के साथ।
  • तुरंत पूरक रंग जनरेटर प्लस अनुरूप, त्रियादिक, विभाजित-पूरक, टेट्राडिक और मोनोक्रोमैटिक विकल्प।
  • पढ़ने योग्य यूआई टेक्स्ट और उपयोग करने वाले बटनों के लिए WCAG कंट्रास्ट संकेत विपरीत रंग.
  • पैलेट निर्यात करें PNG, एसवीजी, या सीएसएस चर त्वरित हैंड-ऑफ़ के लिए.
  • उत्तरदायी कैनवास जो पूर्ण रखता है रंग चक्र हर स्क्रीन पर दिखाई देता है.

अनुप्रयोग

ब्रांडिंग और यूआई: सामंजस्यपूर्ण पैलेट बनाएं जो आपके ब्रांड व्यक्तित्व के अनुरूप हों। उपयोग पूरक रंग पहिया उच्च-प्रभाव वाले CTA बनाने के लिए, या a त्रियादिक रंग संतुलित नेविगेशन और चार्ट रंगों के लिए योजना।

चित्रण एवं परिधान: अन्वेषण करना अनुरूप योजनाएं उन ग्रेडियेंट के लिए जो स्वाभाविक लगते हैं। जब आपको ऐसे रंगों की ज़रूरत होती है जो परिधानों पर एक साथ अच्छे लगते हों, तो उपकरण मदद करता है पूरक रंग खोजें वह एक नज़र में पॉप ("फिट में पूरक रंग")।

आंतरिक एवं पेंट: इसका अनुवाद आरजीबी रंग पहिया एक को रंग का पहिया पेंट करें मानसिकता; अपने एंकर शेड से शुरुआत करें और परीक्षण करें विपरीत रंग या म्यूट कर दिया गया तृतीयक रंग संतुलन के लिए.

अर्थात दिनांक: चार्ट के लिए पर्याप्त कंट्रास्ट वाले पैलेट चुनें; ए विभाजित-पूरक सेट अक्सर विविधता को संरक्षित करते हुए भ्रम से बचाता है।

यह कैसे काम करता है

  1. एक रंग चुनें: पहिये पर खींचें या HEX/RGB/HSL दर्ज करें।
  2. एक योजना चुनें: पूरक, अनुरूप, त्रियादिक, विभाजित-पूरक, टेट्राडिक, या मोनोक्रोमैटिक।
  3. मूल्य परिष्कृत करें: प्रकाश/अंधेरे को नियंत्रित करने के लिए चमक (मान) को समायोजित करें।
  4. कंट्रास्ट जांचें: सुनिश्चित करें कि टेक्स्ट हल्के/गहरे रंग की पृष्ठभूमि पर WCAG से मेल खाता हो।
  5. निर्यात करना: डेव हैंड-ऑफ के लिए पीएनजी/एसवीजी डाउनलोड करें या सीएसएस वेरिएबल कॉपी करें।

युक्ति: जब आपको शीघ्रता की आवश्यकता हो रंग संयोजन जनरेटर, मूड और पठनीयता की तुलना करने के लिए सिंगल → पूरक → ट्रायडिक से शुरू करें।

अक्सर पूछे जाने वाले प्रश्न

रंग सिद्धांत में रंग चक्र क्या है?

The रंग सिद्धांत पहिया रंगों को एक वृत्त में व्यवस्थित करता है ताकि आप पूरक (विपरीत), अनुरूप (पड़ोसी), और त्रियादिक (समान दूरी पर) जैसे रिश्ते देख सकें। यह इसका आधार है रंग सामंजस्य और ऐसे रंग चुनना जो एक साथ मेल खाते हों।

मैं पूरक रंग कैसे ढूंढूं?

एक आधार रंग चुनें; इसका पूरक रंग पहिये पर ठीक विपरीत बैठता है। जोड़ी को तुरंत उत्पन्न करने और कंट्रास्ट का मूल्यांकन करने के लिए ऐप की "पूरक" योजना का उपयोग करें।

प्राथमिक, द्वितीयक और तृतीयक रंग क्या हैं?

प्राथमिक रंग आधार रंग हैं; उन्हें मिलाने से द्वितीयक रंग बनते हैं, और प्राथमिक को पड़ोसी द्वितीयक रंग के साथ मिलाने से द्वितीयक रंग बनता है तृतीयक रंग, एक क्लासिक 12-रंग का पहिया बनाता है।

आरजीबी कलर व्हील बनाम पेंट कलर सर्कल?

The आरजीबी रंग पहिया स्क्रीन के लिए मॉडल एडिटिव लाइट; पारंपरिक आरवाईबी पेंट पहिये घटिया हैं। मॉडलों के बीच पूरक जोड़े थोड़े भिन्न होते हैं।

इंद्रधनुष के रंग किस क्रम में हैं?

लाल, नारंगी, पीला, हरा, नीला, आसमानी, बैंगनी- निर्माण करते समय उपयोगी रंग स्पेक्ट्रम पहिया या रंग सिद्धांत की मूल बातें पढ़ाना।

यूआई के लिए कौन से रंग एक साथ अच्छे लगते हैं?

कोशिश अनुरूप सहज सामंजस्य के लिए, त्रैमासिक संतुलित कंट्रास्ट के लिए, या पूरक मजबूत जोर देने के लिए (बटन, अलर्ट)। हमेशा कंट्रास्ट अनुपात की जांच करें।

शब्दावली (रंग सिद्धांत)

सहायक रंग: पहिये पर विपरीत रंग जो कंट्रास्ट को अधिकतम करते हैं (उदाहरण के लिए, नीला ↔ नारंगी)।

अनुरूप: पड़ोसी रंग जो सौम्य ग्रेडियेंट और दृश्य सामंजस्य बनाते हैं।

त्रैमासिक: 120° की दूरी पर स्थित तीन रंग; ज्वलंत फिर भी संतुलित.

टेट्राडिक: दो पूरक जोड़े; समृद्ध लेकिन सावधानीपूर्वक संतुलन की आवश्यकता है।

प्राथमिक/माध्यमिक/तृतीयक: आधार रंग, उनके मिश्रण, और 12-रंग के पहिये में मध्यवर्ती चरण।

रंग/संतृप्ति/मूल्य (एचएसवी): पहिये पर कोण, रंग की तीव्रता और चमक।

अभिगम्यता एवं कंट्रास्ट

पठनीय पाठ सुनिश्चित करने के लिए कंट्रास्ट संकेतों का उपयोग करें। सामान्य पाठ के लिए, के अनुपात का लक्ष्य रखें ≥ 4.5:1; बड़े पाठ के लिए, ≥ 3:1. जब संदेह हो, तो हल्का पृष्ठभूमि और गहरा पूरक रंग चुनें, या बेहतर सुपाठ्यता के लिए चमक/मूल्य बढ़ाएँ।