फ्री Color Converter: HEX, RGB, HSL और CMYK
यह फ्री रंग कनवर्टर HEX, RGB, HSL या CMYK में कोई भी रंग लेता है और इसे सभी चार फॉर्मेट में देता है, स्वैच के साथ जांचने के लिए, कॉपी करने के लिए तैयार CSS वैल्यूज और निकटतम CSS नाम वाला रंग। #1273b5, rgb(18, 115, 181), hsl(204, 82%, 39%) या 90, 36, 0, 29 पेस्ट करें और फॉर्मेट आपके लिए डिटेक्ट हो जाता है। यह डिजाइनर, डेवलपर और ब्रांड रंग को प्रिंट के लिए मैच करने वाले किसी के लिए भी उपयुक्त है।
Color Converter
Generators and Converters
इस टूल के बारे में
HEX और RGB एक ही चीज़ को बताते हैं: एक स्क्रीन कितना लाल, हरा और नीला प्रकाश मिलाती है, 0 से 255 प्रति चैनल, हेक्साडेसिमल या दशमलव में लिखा हुआ। HSL रंग को उसी तरह बताता है जैसे लोग इसके बारे में सोचते हैं, रंग पहिये पर एक ह्यू, एक संतृप्ति और एक हल्कापन के रूप में, जो इसे CSS में एक रंग को हल्का, गहरा या अधिक म्यूट करने के लिए सबसे आसान फॉर्मेट बनाता है। CMYK वह घटाव मॉडल है जो प्रिंटर उपयोग करते हैं: सियान, मैजेंटा, पीला और काली स्याही प्रतिशत के रूप में।
कनवर्टर शॉर्टहैंड HEX (#abc), HEX को हैश के साथ या बिना, rgb() और hsl() CSS फंक्शन, नंगे कॉमा या स्पेस से अलग किए गए नंबर, और cmyk() या चार प्रतिशत स्वीकार करता है। अल्फा वैल्यूज को अनदेखा किया जाता है। यह RGB के माध्यम से मानक सूत्रों का उपयोग करके कनवर्ट करता है, HSL को पूरी डिग्री और प्रतिशत तक गोल करता है, और दूरी के आधार पर CSS नाम वाले रंगों में से निकटतम दिखाता है, जो तब काम आता है जब आपको स्टाइल गाइड में एक पठनीय नाम चाहिए।
यहाँ CMYK कनवर्जन सरल गणितीय प्रकार का है, बिना ICC रंग प्रोफाइल के, इसलिए यह आपको स्याही अनुपात बताता है लेकिन यह नहीं कि एक विशिष्ट प्रेस और कागज़ रंग को कैसे प्रस्तुत करेगा। ब्रांड कार्य के लिए जो प्रिंट में जाता है, अपने प्रिंटर को HEX या RGB वैल्यू दें और प्रूफ के लिए पूछें, या Pantone स्वैच से मेल खाएं। स्क्रीन रंग जो किसी भी स्याही से अधिक चमकीले हों, जैसे शुद्ध RGB हरा, हमेशा अधिक सुस्त प्रिंट होंगे।
अक्सर पूछे जाने वाले सवाल
मैं HEX को RGB में हाथ से कैसे कनवर्ट करूँ?
छह अंकों वाले HEX को तीन जोड़ियों में विभाजित करें: #1273b5 है 12, 73 और b5। प्रत्येक जोड़ी को हेक्साडेसिमल से दशमलव में कनवर्ट करें: 12 है 18, 73 है 115 और b5 है 181, इसलिए रंग है rgb(18, 115, 181)। #fa3 जैसा तीन अंकों वाला HEX पहले प्रत्येक अंक को दोगुना करता है: #ffaa33। दूसरी ओर जाते हुए, प्रत्येक चैनल को दो अंकों वाली हेक्साडेसिमल संख्या में कनवर्ट करें और उन्हें जोड़ें।
मेरा CMYK रंग प्रिंट होने पर अलग क्यों दिखता है?
एक स्क्रीन प्रकाश मिलाती है और एक प्रिंटर स्याही मिलाता है, और स्याही सबसे चमकीले स्क्रीन रंगों को पुन: पेश नहीं कर सकती, विशेष रूप से संतृप्त हरे, नीले और नारंगी। यहाँ गणित स्याही अनुपात देता है बिना रंग प्रोफाइल के, इसलिए मुद्रित परिणाम प्रेस, कागज़ और प्रिंटर द्वारा उपयोग किए जाने वाले प्रोफाइल पर भी निर्भर करता है। किसी भी ब्रांड रंग के लिए जो महत्वपूर्ण हो, मुद्रित प्रूफ के लिए पूछें।
मुझे CSS में HEX के बजाय HSL कब उपयोग करना चाहिए?
HSL का उपयोग करें जब आप एक ब्रांड रंग से पैलेट बनाते हैं: ह्यू को रखें, फिर होवर स्टेट्स, बॉर्डर और बैकग्राउंड के लिए हल्कापन बदलें, और म्यूट किए गए वेरिएंट के लिए संतृप्ति बदलें। वैल्यूज पठनीय और संबंधित रहती हैं, जहाँ HEX कोड का एक सेट यादृच्छिक दिखता है। हर आधुनिक ब्राउज़र hsl() को सपोर्ट करता है, और आप एक स्टाइलशीट में HSL और HEX को स्वतंत्र रूप से मिला सकते हैं।
क्या कनवर्टर पारदर्शिता को संभालता है?
यह 8-अंकों वाले HEX, rgba() और hsla() वैल्यूज को पढ़ता है लेकिन अल्फा भाग को अनदेखा करता है और केवल ठोस रंग को कनवर्ट करता है, क्योंकि CMYK और नाम वाले रंगों में कोई पारदर्शिता नहीं है। अपने CSS में अल्फा को वापस जोड़ें, उदाहरण के लिए rgb(18 115 181 / 50%)। स्वैच हमेशा ठोस रंग दिखाता है।