रंग पॅलेट जनरेटर: रंगसंगती, छटा आणि निर्यात – मोफत

मोफत, साइन-अप नाही, तुमच्या ब्राउझरमध्ये चालते. स्पेस बार एकदा दाबून पाच रंगांचे पॅलेट तयार करा, तुम्हाला आवडणारे रंग लॉक करा, किंवा तुमच्या स्वतःच्या बेस रंगावरून रंगसंगती तयार करा: समीप, पूरक, त्रिकोणी आणि आणखी. प्रत्येक रंगाच्या 11 छटा पहा आणि CSS व्हेरिएबल्स, Tailwind, JSON किंवा HEX म्हणून निर्यात करा.

किंवा Space दाबा. आवडते रंग लॉक करा म्हणजे ते राहतील.

संपादित करा
संपादित करा
संपादित करा
संपादित करा
संपादित करा

एका रंगावरून तयार करा

मूळ रंग

सुसंवाद

रंग सुसंवाद रंगचक्रावरील छटा फिरवतात: समीप जवळच राहते, पूरक विरुद्ध बाजू वापरते, त्रिकोणी तीन छटा समान अंतरावर मांडते.

#2F5BFF च्या छटा

छटेवर क्लिक करून ती कॉपी करा. तिच्या छटा पाहण्यासाठी पॅलेटमधील दुसरा रंग निवडा.

निर्यात करा

CSS व्हेरिएबल्सTailwindJSONHEX यादी

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

पॅलेट तुमच्या डिव्हाइसवर तयार होतात.

रंग पॅलेट जनरेटर का वापरावे

100% मोफत: हवे तितक्या वेळा वापरा. साइन-अप नाही, वॉटरमार्क नाही, काहीही इन्स्टॉल करण्याची गरज नाही.
डिझाइननुसार खाजगी: तुम्ही टाइप केलेला मजकूर तुमच्या ब्राउझरमध्येच राहतो आणि तो आमच्यापर्यंत कधीही पाठवला जात नाही.
कोणत्याही उपकरणावर चालते: Windows, Mac, Linux, Android आणि iPhone वर तुमच्या ब्राउझरमध्ये चालते. कोणत्याही अ‍ॅपची गरज नाही.

रंग पॅलेट जनरेटर कसे वापरावे

तुम्हाला आवडणारे रंग दिसेपर्यंत "पॅलेट तयार करा" क्लिक करा, किंवा स्पेस बार दाबा.
इतर रंग बदलत असताना तुम्हाला हवा असलेला कोणताही रंग ठेवण्यासाठी त्यावर लॉक करा क्लिक करा. पिकरने रंग बारीक करण्यासाठी संपादित करा वापरा.
तुमच्या स्वतःच्या रंगापासून सुरुवात करण्यासाठी, "रंगावरून बनवा" खाली तो टाका, एक रंगसंगती निवडा (समीप, पूरक, विभाजित पूरक, त्रिकोणी, चौकोनी किंवा एकरंगी) आणि लागू करा क्लिक करा.
रंगाच्या HEX कोडवर क्लिक करा आणि त्याच्या 50 ते 950 पर्यंतच्या 11 छटा पहा. कॉपी करण्यासाठी एका छटेवर क्लिक करा.
निर्यात खाली CSS व्हेरिएबल्स, Tailwind, JSON किंवा HEX यादी निवडा, मग कॉपी करा किंवा डाउनलोड करा.

वारंवार विचारले जाणारे प्रश्न

एका रंगावरून रंग पॅलेट कसे बनवायचे?

"रंगावरून बनवा" खाली तुमचा रंग टाइप करा किंवा निवडा, एक रंगसंगती निवडा आणि लागू करा क्लिक करा. त्याला जुळणारे पाच रंग मिळतात, आणि तुम्ही लॉक केलेले कोणतेही रंग तसेच राहतात.

रंगसंगती म्हणजे काय?

रंगचक्रावरील स्थानानुसार निवडलेले रंगांचे संच. समीप रंग शेजारी-शेजारी असतात, पूरक रंग एकमेकांसमोर असतात, विभाजित पूरक विरुद्धच्या रंगाच्या दोन्ही बाजूंचे रंग वापरते, त्रिकोणी तीन छटा समान अंतरावर ठेवते, चौकोनी चार वापरते, आणि एकरंगी एकच छटा वेगवेगळ्या प्रकाशमानतेत ठेवते.

मी कोणती रंगसंगती निवडावी?

समीप आणि एकरंगी शांत वाटतात आणि बहुतेक वेबसाइट व ब्रँडसाठी योग्य आहेत. पूरक आणि त्रिकोणी अधिक ठळक विरोधाभास देतात, जे अ‍ॅक्सेंट, बटणे आणि खेळकर डिझाइनसाठी योग्य आहेत.

छटा आणि टिंट्स म्हणजे काय?

एकाच रंगाच्या गडद आणि फिकट आवृत्त्या. छटा स्केल एकाच रंगछटेत 50 (सर्वात फिका) ते 950 (सर्वात गडद) अशा अकरा पायऱ्या देतो, डिझाइन सिस्टम त्यांना ज्या पद्धतीने नाव देतात त्याप्रमाणे.

माझ्या कोडमध्ये पॅलेट कसे वापरायचे?

ते CSS व्हेरिएबल्स (--color-1 ते --color-5), Tailwind @theme ब्लॉक, JSON अ‍ॅरे किंवा HEX कोडची साधी यादी म्हणून निर्यात करा, मग ते कॉपी करा किंवा फाइल म्हणून डाउनलोड करा.

Tailwind निर्यात Tailwind CSS v4 सोबत चालते का?

हो. हा --color-palette-100 ते --color-palette-500 असलेला @theme ब्लॉक आहे, जो Tailwind v4 मध्ये bg-palette-100 सारख्या क्लासेसमध्ये बदलतो. v3 साठी, HEX कोड तुमच्या config मधील colors विभागात कॉपी करा.

मी काही रंग ठेवून बाकीचे बदलू शकतो का?

हो. तुम्हाला ठेवायचे असलेले रंग लॉक करा. पॅलेट तयार करा आणि लागू करा फक्त अनलॉक केलेले रंग बदलतात, आणि यादृच्छिक पॅलेट तुमच्या पहिल्या लॉक केलेल्या रंगाला जुळेल असे बनवले जाते.

काही अपलोड होते का?

नाही. पॅलेट तुमच्या डिव्हाइसवर बनतात.

रंग पॅलेट जनरेटर मोफत आहे का?

हो. वापरणे मोफत आहे, साइन-अप नाही आणि काहीही इन्स्टॉल करावे लागत नाही.