यह tool क्या करता है
Random generator का उपयोग क्यों करें
Palette mode और Color Wheel
रंगों को लॉक करना, बदलना और उनकी संख्या सेट करना
Page background को Sync करना
Code कॉपी करना और files download करना
Live UI preview
फीचर्स की जानकारी
2 से 10 रंगों की Random Palettes
Generate Random button या Spacebar एक नई palette बनाता है। यह जल्दी से अलग-अलग options explore करने का आसान तरीका है। रंग पूरी तरह random होते हैं, इसलिए कुछ combinations एक साथ अच्छे नहीं लग सकते।
एकल रंगों को Lock और Replace करें
किसी रंग को lock करके अगली generation में भी बनाए रखें। केवल एक swatch बदलने के लिए refresh icon का उपयोग करें। इससे आप धीरे-धीरे अपनी palette तैयार कर सकते हैं।
HEX, RGB और HSL Values
किसी card पर दिखाई गई value पर क्लिक करके उसे कॉपी करें। Card में HSL के लिए hue और saturation दिखाई जाते हैं। कॉपी की गई HSL value में lightness भी शामिल होती है।
Color Wheel View
यह दिखाता है कि हर रंग hue और saturation के आधार पर कहां स्थित है। इससे यह देखना आसान होता है कि आपके रंग wheel के किसी हिस्से में पास-पास हैं या अलग-अलग फैले हुए हैं।
चार Formats के लिए Code Snippets
CSS variables, Tailwind colors object, React array और Flutter/Dart constants उपलब्ध हैं। Tailwind snippet आपके अपने config में paste करने के लिए एक fragment है, पूरी file नहीं।
SVG Download और JSON Copy
SVG एक simple strip है जिसमें swatches और उनके HEX labels होते हैं। JSON copy में हर रंग का पूरा data शामिल होता है: HEX, RGB, HSL और lock state।
Page Background Sync और UI Preview
Palette को context में देखने के दो आसान तरीके हैं: पूरी page का background बदलना और एक छोटे button, card और badge mockup में रंगों को देखना।
आप इसका उपयोग किन कामों के लिए कर सकते हैं?
नया Design शुरू करना
Palettes generate करते रहें जब तक कोई एक रंग आपको सही न लगे, फिर उसे lock करके उसके आसपास बाकी palette तैयार करें।
Stylesheet या Theme सेट करना
रंगों को CSS variables या Tailwind snippet के रूप में कॉपी करें और सीधे अपने project में paste करें।
Flutter और React Projects
Dart Color constants या HEX strings का JavaScript array प्राप्त करें, बिना उन्हें manually convert किए।
Designer के साथ Palette Share करना
SVG strip download करें या JSON कॉपी करें, ताकि colors और उनके HEX codes साथ में भेजे जा सकें।
Teaching और Practice
Wheel का उपयोग करके देखें कि hue और saturation किसी color की position से कैसे जुड़े हैं और random colors की visual तुलना करें।
टूल की जानकारी
| Tool type | Random color palette generator |
|---|---|
| Number of colors | 2 to 10 (starts at 6) |
| Color values shown | HEX, RGB, HSL |
| Color wheel | Yes, hue and saturation only |
| Code snippets | CSS variables, Tailwind, React array, Flutter/Dart |
| File download | SVG (palette.svg) |
| Data copy | JSON |
| Keyboard shortcut | Spacebar generates a new palette |
| Palette saving | No, the palette is lost when you reload the page |
| Contrast checking | No |
| File upload | None, there is no input file |
| Processing | In your browser |
लाभ
- बिना कुछ upload किए colors generate और copy करें।
- Spacebar shortcut से कई palettes जल्दी आज़माई जा सकती हैं।
- Lock और single-color replace की मदद से पूरी palette फिर से शुरू करने के बजाय उसे धीरे-धीरे refine किया जा सकता है।
- चार formats के लिए code सीधे copy करने के लिए तैयार है।
सीमाएँ
- Colors पूरी तरह random होते हैं। Tool harmony rules का उपयोग नहीं करता, इसलिए कुछ combinations आपस में अच्छे नहीं लग सकते।
- Palettes save नहीं होतीं। Page को reload या close करने पर current palette खो जाती है, इसलिए जिसे रखना है उसे copy या download कर लें।
- Tool contrast या accessibility की जांच नहीं करता। Preview केवल एक visual sample है।
- केवल SVG file download उपलब्ध है। PNG, PDF या Adobe swatch downloads उपलब्ध नहीं हैं।
- JSON copy tool का अपना data format है। यह ready-made Figma tokens file नहीं है।
- Keyboard के बिना touch screens पर Spacebar shortcut उपलब्ध नहीं है। इसके बजाय button का उपयोग करें।
- Wheel केवल hue और saturation दिखाता है, lightness नहीं।
Tool आपके data को कैसे handle करता है
Tool colors generate करता है, wheel draw करता है, code snippets बनाता है और SVG file आपके browser में ही तैयार करता है। कोई file upload नहीं होती और tool का अपना code आपकी palette को किसी server पर नहीं भेजता। Copy करने के लिए आपके browser के clipboard का उपयोग होता है।
Privacy
Tool आपकी palettes को browser में भी store नहीं करता। यह statement केवल tool पर लागू होती है, न कि website के बाकी हिस्से द्वारा load किए जाने वाले अन्य scripts पर।
टिप्स
- पहले अपने main color को lock करें, फिर accent colors खोजने के लिए generation जारी रखें।
- पहले color को full size में देखने के लिए page background sync चालू करें।
- Explore करने के लिए colors की संख्या 10 तक बढ़ाएं और कुछ अच्छे colors मिलने के बाद संख्या कम कर दें।
- Page reload करने से पहले अपनी palette copy कर लें, क्योंकि यह save नहीं होती।
- Text के लिए palette इस्तेमाल करने से पहले dedicated contrast checker से contrast जांचें।
अक्सर पूछे जाने वाले प्रश्न
क्या इसे इस्तेमाल करने के लिए account चाहिए?
नहीं। Tool में sign-in की जरूरत नहीं है। Page खोलें और colors generate करना शुरू करें।
क्या colors वास्तव में random होते हैं?
हां। हर color को सभी HEX values में से random तरीके से चुना जाता है। Tool किसी harmony rule का पालन नहीं करता, इसलिए कुछ palettes अच्छी लगेंगी और कुछ नहीं।
मैं एक बार में कितने colors generate कर सकता हूं?
एक बार में 2 से 10 colors। नई palette 6 colors से शुरू होती है।
मुझे पसंद आने वाले color को कैसे रखूं?
उसके card पर lock icon पर क्लिक करें। Locked colors नई palette generate करने पर भी अपनी जगह पर बने रहते हैं। Refresh icon केवल उसी color को बदलता है।
मैं कौन-से formats कॉपी कर सकता हूं?
Single colors को HEX, RGB या HSL के रूप में कॉपी किया जा सकता है। पूरी palette को CSS variables, Tailwind colors snippet, React array या Flutter/Dart constants के रूप में कॉपी किया जा सकता है। इसे JSON के रूप में भी कॉपी किया जा सकता है।
क्या मैं palette को file के रूप में download कर सकता हूं?
हां, palette.svg नाम की SVG file के रूप में। इसमें हर color का एक swatch और उसका HEX code दिखाया जाता है। PNG, PDF या Adobe swatch downloads उपलब्ध नहीं हैं।
क्या यह text contrast या accessibility check करता है?
नहीं। नीचे दिया गया preview केवल एक visual sample है। Text और background colors चुनने से पहले contrast checker का उपयोग करें।
क्या page reload करने पर मेरी palette save रहती है?
नहीं। Palette store नहीं की जाती। Page छोड़ने से पहले codes कॉपी करें या SVG download करें।
क्या यह phone पर काम करता है?
Generate Random button, locks और copy buttons touch से काम करते हैं। Spacebar shortcut के लिए keyboard की जरूरत होती है।