यह कलर पिकर एक विजुअल स्वॉच से शुरू होता है और सटीक नंबर पास में रखता है। CSS hex मान जैसे #3366cc पेस्ट करें, red, green, blue और alpha चैनल थोड़ा बदलें, या design system के काम के लिए hue, saturation और lightness ट्यून करें। कोई रंग मान अपलोड नहीं होता - सभी कन्वर्जन JavaScript में स्थानीय रूप से होते हैं।
मुफ्त कलर पिकर
पूरी तरह आपके ब्राउज़र में चलता है - न कुछ अपलोड, न साइन-अप।
चुना गया#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)कलर पिकर क्या है?
कलर पिकर एक टूल है जिससे सटीक डिजिटल रंग चुना जाता है और उसके मान डिजाइन या कोड के लिए कॉपी किए जाते हैं। स्वॉच, HEX फील्ड, RGB स्लाइडर या HSL कंट्रोल इस्तेमाल करें, फिर HEX, RGB, HSL, HSV या CMYK मान तुरंत कॉपी करें। सब कुछ ब्राउजर में चलता है।
कैसे इस्तेमाल करें
- 1रंग चुनें या पेस्ट करें. अपने ब्राउजर का color picker खोलने के लिए बड़े swatch पर क्लिक करें, या HEX फील्ड में 3, 4, 6 या 8 अंकों का hex मान पेस्ट करें।
- 2चैनल एडजस्ट करें. red, green, blue और alpha के लिए RGB स्लाइडर इस्तेमाल करें, या अधिक design-friendly नियंत्रण के लिए hue, saturation और lightness संपादित करें।
- 3जरूरी फॉर्मैट कॉपी करें. HEX, HEX8, RGB, HSL, HSV या CMYK को एक क्लिक में कॉपी करें। preview और हर output live अपडेट होता है।
किसके लिए है
- Front-end developers जो इंटरफेस बनाते समय CSS-ready HEX, RGB और HSL मान कॉपी करते हैं।
- Designers जो graphics app में अंदाजा लगाने के बजाय चैनल के हिसाब से brand color ट्यून करते हैं।
- Marketing teams जो email builders, docs और social assets में campaign colors मिलाकर रखते हैं।
- Students and creators जो सीखते हैं कि RGB, HSL, HSV और CMYK एक ही रंग को कैसे बताते हैं।
अक्सर पूछे जाने वाले सवाल
क्या यह कलर पिकर मुफ्त है?
हां। कलर पिकर मुफ्त है, sign-up नहीं मांगता और उपयोग की कोई सीमा नहीं है। पेज खोलें, रंग चुनें और जरूरत का फॉर्मैट कॉपी करें।
क्या मेरे रंग कहीं अपलोड होते हैं?
नहीं। picker और conversions आपके ब्राउजर में plain JavaScript से चलते हैं। चुने गए रंग किसी server पर नहीं भेजे जाते।
मैं कौन से color formats कॉपी कर सकता हूं?
HEX, alpha वाला 8-digit HEX, RGB या RGBA, HSL या HSLA, HSV और CMYK कॉपी किए जा सकते हैं। एडिट करते समय टूल इन्हें sync रखता है।
क्या मैं hex color पेस्ट कर सकता हूं?
हां। 3-digit, 4-digit, 6-digit या 8-digit CSS hex values पेस्ट करें, # symbol के साथ या बिना। shorthand values सामान्य CSS rules से expand होती हैं।
HEX8 क्या है?
HEX8 एक 8-digit hex color है जिसमें आखिरी pair alpha रखता है। उदाहरण के लिए, #3366cc80 वही blue है जिसकी opacity लगभग 50% है।
CSS में RGB इस्तेमाल करूं या HSL?
जब exact channel values या rgba() के साथ alpha चाहिए तो RGB इस्तेमाल करें। saturation और lightness बदलकर tints, shades या related UI states बनाने हों तो HSL इस्तेमाल करें।