UTILSBOXसभी उपकरण54+
JSON.FORMATJSON को प्रारूपित, सत्यापित, छोटा, तुलना और परिवर्तित करने के लिए ऑल-इन-वन सूट।//REGEX.TESTERव्याख्या और प्रतिस्थापन के साथ वास्तविक समय नियमित अभिव्यक्ति परीक्षक।//PDF.SUITEमर्ज करें, विभाजित करें, टेक्स्ट निकालें, घुमाएं और PDF पृष्ठों को छवियों में बदलें।//IMAGE.STUDIOब्राउज़र में फोटो संपादक: क्रॉप, आकार बदलना, फिल्टर, WebP/PNG और Base64।//HTML.BEAUTIFYHTML कोड फॉर्मैटर, प्रोडक्शन मिनिफायर और एंटिटी एनकोडर।//CSS.MINIFYCSS कोड फॉर्मैटर, प्रोडक्शन स्टाइलशीट मिनिफायर और CSS से SCSS कनवर्टर।//SQL.FORMATTERSQL क्वेरी फॉर्मैटर, बोलियों के बीच अनुवादक और मिनिफायर।//SVG.EXCALIDRAWExcalidraw और SVG फॉर्मैटर द्वारा संचालित इंटरएक्टिव वेक्टर विज़ुअल एडिटर।//TEXT.DIFFशब्द काउंटर, पढ़ने के समय का अनुमान और दोहरे पाठ अंतर तुलनित्र।//YAML.CONVERTवाक्यविन्यास जांच के साथ YAML और JSON सत्यापनकर्ता और फॉर्मैटर।//XML.PARSERXML दस्तावेज़ फॉर्मैटर, ट्री इंस्पेक्टर और XML से JSON कनवर्टर।//GRAPHQL.STUDIOGraphQL क्वेरी और SDL फॉर्मैटर, मिनिफायर और AST फ़ील्ड सॉर्टर।//BASE64.CODECपूर्ण UTF-8 समर्थन के साथ Base64 और URL-Safe एनकोडर/डिकोडर।//LOREM.IPSUMमॉकअप, प्रोटोटाइप और UI परीक्षण के लिए प्लेसहोल्डर टेक्स्ट जनरेटर।//PASSWORD.GENएन्ट्रॉपी शक्ति मीटर के साथ क्रिप्टोग्राफ़िक रूप से सुरक्षित यादृच्छिक पासवर्ड जनरेटर।//URL.STUDIO8-इन-1 URL सूट: एनकोड, डिकोड, वैलिडेटर, घटक पार्सर और बिल्डर।//QR.STUDIOएम्बेडेड लोगो, रंग, ग्रेडिएंट और आकृतियों के साथ कस्टम क्यूआर कोड जनरेटर।//ASCII.EXPLORERइंटरएक्टिव ASCII 0-255 तालिका, Alt कीबोर्ड कोड और CP437 प्रतीक।//KEYCODES.LIVEलाइव कीबोर्ड इवेंट डिटेक्टर और जावास्क्रिप्ट कीकोड चीट शीट।//JWT.DEBUGGERJWT टोकन डिकोडर, क्लेम इंस्पेक्टर और वेब क्रिप्टो हस्ताक्षर सत्यापन।//BINARY.CODECडिजिटल मैट्रिक्स प्रभाव और ASCII तालिका के साथ टेक्स्ट से बाइनरी कनवर्टर।//CHARTS.STUDIOCSV डेटा से इंटरएक्टिव चार्ट जनरेटर (बार, लाइन, पाई, स्कैटर)।//UUID.V7UUID v4, समय-क्रमबद्ध v7, v1 और लाइव सत्यापनकर्ता का बल्क जनरेटर।//CSV.JSONकस्टम सीमांकक और टेबल ग्रिड के साथ द्विदिश CSV से JSON कनवर्टर।//COLORS.STUDIOHEX/RGB/HSL/CMYK कनवर्टर, पैलेट सामंजस्य और WCAG 2.1 कंट्रास्ट परीक्षक।//SEO.METASEO मेटा टैग, ओपन ग्राफ कार्ड और रीयल-टाइम Google SERP पूर्वावलोकन।//SCHEMA.JSONLDGoogle रिच स्निपेट्स के लिए Schema.org JSON-LD संरचित डेटा जनरेटर।//SITEMAP.XMLGoogle और Bing के लिए मानक XML साइटमैप जनरेटर (प्रोटोकॉल 0.9)।//ROBOTS.TXTRobots.txt जनरेटर, AI स्क्रैपर ब्लॉकिंग प्रीसेट और लाइव URL नियम परीक्षक।//FAKE.DATAसिंथेटिक मॉक डेटा जनरेटर: JSON, CSV, SQL और TypeScript में रिकॉर्ड निर्यात करें।//CLOCK.WORLD3D होलोग्राफिक ग्लोब और 174 देशों के समय क्षेत्रों के साथ वास्तविक समय विश्व घड़ी।//DATE.CALCतिथियों के बीच दिन, सटीक आयु, कार्य दिवस, यूनिक्स टाइमस्टैम्प और क्रॉन पार्सर।//CALC.SUITE56+ ऑनलाइन कैलकुलेटर का सूट: प्रतिशत, बंधक, ऋण, वैट, बीएमआई और वेतन।//JSON.FORMATJSON को प्रारूपित, सत्यापित, छोटा, तुलना और परिवर्तित करने के लिए ऑल-इन-वन सूट।//REGEX.TESTERव्याख्या और प्रतिस्थापन के साथ वास्तविक समय नियमित अभिव्यक्ति परीक्षक।//PDF.SUITEमर्ज करें, विभाजित करें, टेक्स्ट निकालें, घुमाएं और PDF पृष्ठों को छवियों में बदलें।//IMAGE.STUDIOब्राउज़र में फोटो संपादक: क्रॉप, आकार बदलना, फिल्टर, WebP/PNG और Base64।//HTML.BEAUTIFYHTML कोड फॉर्मैटर, प्रोडक्शन मिनिफायर और एंटिटी एनकोडर।//CSS.MINIFYCSS कोड फॉर्मैटर, प्रोडक्शन स्टाइलशीट मिनिफायर और CSS से SCSS कनवर्टर।//SQL.FORMATTERSQL क्वेरी फॉर्मैटर, बोलियों के बीच अनुवादक और मिनिफायर।//SVG.EXCALIDRAWExcalidraw और SVG फॉर्मैटर द्वारा संचालित इंटरएक्टिव वेक्टर विज़ुअल एडिटर।//TEXT.DIFFशब्द काउंटर, पढ़ने के समय का अनुमान और दोहरे पाठ अंतर तुलनित्र।//YAML.CONVERTवाक्यविन्यास जांच के साथ YAML और JSON सत्यापनकर्ता और फॉर्मैटर।//XML.PARSERXML दस्तावेज़ फॉर्मैटर, ट्री इंस्पेक्टर और XML से JSON कनवर्टर।//GRAPHQL.STUDIOGraphQL क्वेरी और SDL फॉर्मैटर, मिनिफायर और AST फ़ील्ड सॉर्टर।//BASE64.CODECपूर्ण UTF-8 समर्थन के साथ Base64 और URL-Safe एनकोडर/डिकोडर।//LOREM.IPSUMमॉकअप, प्रोटोटाइप और UI परीक्षण के लिए प्लेसहोल्डर टेक्स्ट जनरेटर।//PASSWORD.GENएन्ट्रॉपी शक्ति मीटर के साथ क्रिप्टोग्राफ़िक रूप से सुरक्षित यादृच्छिक पासवर्ड जनरेटर।//URL.STUDIO8-इन-1 URL सूट: एनकोड, डिकोड, वैलिडेटर, घटक पार्सर और बिल्डर।//QR.STUDIOएम्बेडेड लोगो, रंग, ग्रेडिएंट और आकृतियों के साथ कस्टम क्यूआर कोड जनरेटर।//ASCII.EXPLORERइंटरएक्टिव ASCII 0-255 तालिका, Alt कीबोर्ड कोड और CP437 प्रतीक।//KEYCODES.LIVEलाइव कीबोर्ड इवेंट डिटेक्टर और जावास्क्रिप्ट कीकोड चीट शीट।//JWT.DEBUGGERJWT टोकन डिकोडर, क्लेम इंस्पेक्टर और वेब क्रिप्टो हस्ताक्षर सत्यापन।//BINARY.CODECडिजिटल मैट्रिक्स प्रभाव और ASCII तालिका के साथ टेक्स्ट से बाइनरी कनवर्टर।//CHARTS.STUDIOCSV डेटा से इंटरएक्टिव चार्ट जनरेटर (बार, लाइन, पाई, स्कैटर)।//UUID.V7UUID v4, समय-क्रमबद्ध v7, v1 और लाइव सत्यापनकर्ता का बल्क जनरेटर।//CSV.JSONकस्टम सीमांकक और टेबल ग्रिड के साथ द्विदिश CSV से JSON कनवर्टर।//COLORS.STUDIOHEX/RGB/HSL/CMYK कनवर्टर, पैलेट सामंजस्य और WCAG 2.1 कंट्रास्ट परीक्षक।//SEO.METASEO मेटा टैग, ओपन ग्राफ कार्ड और रीयल-टाइम Google SERP पूर्वावलोकन।//SCHEMA.JSONLDGoogle रिच स्निपेट्स के लिए Schema.org JSON-LD संरचित डेटा जनरेटर।//SITEMAP.XMLGoogle और Bing के लिए मानक XML साइटमैप जनरेटर (प्रोटोकॉल 0.9)।//ROBOTS.TXTRobots.txt जनरेटर, AI स्क्रैपर ब्लॉकिंग प्रीसेट और लाइव URL नियम परीक्षक।//FAKE.DATAसिंथेटिक मॉक डेटा जनरेटर: JSON, CSV, SQL और TypeScript में रिकॉर्ड निर्यात करें।//CLOCK.WORLD3D होलोग्राफिक ग्लोब और 174 देशों के समय क्षेत्रों के साथ वास्तविक समय विश्व घड़ी।//DATE.CALCतिथियों के बीच दिन, सटीक आयु, कार्य दिवस, यूनिक्स टाइमस्टैम्प और क्रॉन पार्सर।//CALC.SUITE56+ ऑनलाइन कैलकुलेटर का सूट: प्रतिशत, बंधक, ऋण, वैट, बीएमआई और वेतन।//
मॉड्यूल 05 · डिज़ाइन और पैलेट

कलर स्टूडियो और सामंजस्य

HEX, RGB, HSL, CMYK रूपांतरण, लाइव WCAG 2.1 कंट्रास्ट वैलिडेटर और हार्मोनिक पैलेट जनरेटर।

Alpha: 100%
साइबरपंक प्रीसेट:
HEX#00F6FF
RGBrgb(0, 246, 255)
RGBArgba(0, 246, 255, 1)
HSLhsl(182, 100%, 50%)
HSLAhsla(182, 100%, 50%, 1)
CMYKcmyk(100%, 4%, 0%, 0%)

रंग सामंजस्य

पूरक (180°)
अनुरूप (±30°)
त्रिकोणीय (120°)
चतुष्कोणीय (90°)
चमक पैमाना (15% - 90%)

WCAG 2.1 कंट्रास्ट वैलिडेटर

सफ़ेद पृष्ठभूमि पर (#FFFFFF)
1.34:1
Aa Text Preview Sample
AA Normal FAILAAA Normal FAIL
डार्क पृष्ठभूमि पर (#0E0C1A)
14.39:1
Aa Text Preview Sample
AA Normal PASSAAA Normal PASS

पूर्ण गाइड: रंग स्थान, रूपांतरण और वेब पहुंच

1. रंग स्थान (HEX, RGB, HSL, CMYK) क्या हैं?

डिजिटल स्क्रीन के लिए RGB/HEX, मानवीय धारणा के लिए HSL और प्रिंट के लिए CMYK।

2. WCAG 2.1 मानक और कंट्रास्ट अनुपात

नियमित टेक्स्ट के लिए 4.5:1 (AA स्तर) और AAA स्तर के लिए 7:1 कंट्रास्ट आवश्यक है।

3. रंग सामंजस्य

संतुलित पैलेट बनाने के लिए 360-डिग्री रंग चक्र पर ज्यामितीय संबंध।

4. आधुनिक CSS: OKLCH और color-mix()

OKLCH सहज ग्रेडिएंट के लिए एकसमान चमक प्रदान करता है।

अक्सर पूछे जाने वाले प्रश्न (FAQs)

CSS में HSL का उपयोग क्यों करें?

केवल चमक को समायोजित करके डार्क/लाइट थीम को आसानी से प्रबंधित करता है।

कंट्रास्ट अनुपात की गणना कैसे की जाती है?

W3C विनिर्देश के अनुसार (L1 + 0.05) / (L2 + 0.05) द्वारा।

संबंधित डिज़ाइन उपकरण:

CSS Formatter & Minifier →SVG Studio & Excalidraw →Image Editor & Converter →