कलर पिकर
रंग चुनें और HEX, RGB, HSL कोड प्राप्त करें
आपके ब्राउज़र में चलता है
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)त्वरित रंग
कलर पिकर क्या है?
कलर पिकर एक ऑनलाइन उपकरण है जो विभिन्न फॉर्मेट (HEX, RGB, HSL) में रंग चुनने और रंग कोड प्राप्त करने में मदद करता है। डिज़ाइनरों, डेवलपरों और प्रोजेक्ट में रंग के साथ काम करने वालों के लिए बहुत उपयोगी।
उपयोग के मामले
- वेबसाइट या ऐप डिज़ाइन के लिए रंग चुनें
- CSS में इस्तेमाल के लिए HEX, RGB, HSL रंग कोड प्राप्त करें
- ब्रांड या प्रोजेक्ट के लिए मिलते रंग ढूंढें
- विभिन्न रंग फॉर्मेट के बीच कन्वर्ट करें
कब इस्तेमाल करें?
रंग चुनने, रंग कोड प्राप्त करने या रंग फॉर्मेट के बीच कन्वर्ट करने के लिए इस टूल का इस्तेमाल करें। वेब डिज़ाइनरों, UI/UX डिज़ाइनरों और फ्रंटएंड डेवलपरों के लिए विशेष रूप से उपयोगी।
उदाहरण
एक ब्रांड नीला रंग
इनपुट
#1A6CF5
आउटपुट
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
एक गर्म एक्सेंट रंग
इनपुट
#F4A261
आउटपुट
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
प्रश्न और उत्तर
HEX, RGB और HSL में क्या अंतर है?
ये एक ही रंग को अलग-अलग तरीकों से बताते हैं। HEX, CSS में इस्तेमाल होने वाला छोटा रूप है, RGB लाल, हरे और नीले के मान 0 से 255 तक बताता है, और HSL ह्यू, सैचुरेशन और लाइटनेस का इस्तेमाल करता है, जिससे हल्के या गहरे शेड बनाना आसान हो जाता है।
मैं कलर कोड कैसे कॉपी करूं?
एक रंग चुनें, फिर जिस HEX, RGB या HSL मान की ज़रूरत है उसके पास वाले कॉपी बटन का इस्तेमाल करें।
HSL से वापस बदलने पर रंग थोड़ा अलग क्यों हो सकता है?
HSL मान पूर्ण संख्याओं में राउंड किए जाते हैं, इसलिए उन्हें वापस HEX में बदलने पर एक स्टेप का अंतर आ सकता है।