रंग पैलेट जनरेटर
आपके ब्राउज़र में स्थानीय रूप से चलता हैलॉक करने योग्य सामंजस्य पैलेट, OKLCH टोनल स्केल और डिज़ाइन टोकन बनाएँ
अल्फा HEX, RGB, HSL, OKLCH और CSS रंग नाम स्वीकार हैं।
पैलेट रंग
क्रोमा घटाकर sRGB में बदला गया।
निरीक्षक और टोकन
जाँचें
रंग 1
- HEX
- #6366F1
- RGB
- rgb(99 102 241)
- HSL
- hsl(238.732 83.529% 66.667%)
- OKLCH
- oklch(58.54% 0.2041 277.117)
हल्के रंग
#767FF5#8B96F8#A1ADFA#B9C2FC#D1D8FD
गहरे रंग
#5154C6#40439D#303376#202351#12142E
कंट्रास्ट
अनुपात रंग जोड़ी बताते हैं, पृष्ठ प्रमाणन नहीं। सामान्य टेक्स्ट AA 4.5:1 और AAA 7:1। पारदर्शी जोड़ी पृष्ठभूमि पर मिलाई जाती है।
| अग्रभूमि \ पृष्ठभूमि | 1 | 2 | 3 | 4 | 5 |
|---|---|---|---|---|---|
1 #6366F1 | 1.00 विफल | 1.18 विफल | 1.23 विफल | 1.42 विफल | 1.49 विफल |
2 #3C69C0 | 1.18 विफल | 1.00 विफल | 1.45 विफल | 1.20 विफल | 1.76 विफल |
3 #8F72EA | 1.23 विफल | 1.45 विफल | 1.00 विफल | 1.74 विफल | 1.22 विफल |
4 #0063A3 | 1.42 विफल | 1.20 विफल | 1.74 विफल | 1.00 विफल | 2.11 विफल |
5 #B27FE0 | 1.49 विफल | 1.76 विफल | 1.22 विफल | 2.11 विफल | 1.00 विफल |
निर्यात
निर्यात रंग संख्या: 5 (सामान्य पैलेट)
:root {
--primary-1: #6366F1;
--primary-2: #3C69C0;
--primary-3: #8F72EA;
--primary-4: #0063A3;
--primary-5: #B27FE0;
}आयात
CSS/SCSS, Tailwind v3 JSON कॉन्फ़िगरेशन, JSON टोकन, ऐरे या कॉमा/नई पंक्ति वाले रंग पेस्ट करें। 11 टोन हल्के से गहरे होने चाहिए।
इंटीग्रेशन
ग्रेडिएंट चयन: 0 / 6
इच्छित क्रम में 2–6 रंग चुनें। रंग अपने आप नहीं हटाए जाते।
निर्माण, कंट्रास्ट और निर्यात स्थानीय हैं। रंग अपलोड नहीं होते।
रंग पैलेट जनरेटर
OKLCH टोन और उपयोगी डिज़ाइन टोकन के साथ संपादन तथा लॉक योग्य रंग प्रणाली बनाएँ।
विकल्प
आधार या यादृच्छिक मोड चुनें, रंग बदलें और रखने वाले रंग लॉक करके फेरबदल करें। सामंजस्य अनुभूत ह्यू अंतर लेता है; हाथ से लॉक इसे बदल सकता है। टोनल स्केल सामान्य पैलेट बचाकर 50–950 बनाता है; आधार का 500 पर होना जरूरी नहीं। हल्के/गहरे रंग, चार रूप और कंट्रास्ट देखें, फिर पाँच टोकन रूप कॉपी या डाउनलोड करें।
कंट्रास्ट
अल्फा सुरक्षित है। कंट्रास्ट में पृष्ठभूमि और सामने का रंग अपारदर्शी आधार पर क्रम से मिलते हैं; यह सुलभता प्रमाणन नहीं। 11 आयात टोन की चमक घटनी चाहिए। रंग स्थानीय रहते हैं और संग्रह वैकल्पिक है। वर्तमान भाषा के ग्रेडिएंट हेतु 2–6 रंग स्पष्ट चुनें। रीसेट और आयात वापस लिए जा सकते हैं।
