डार्क मोड पैलेट जनरेटर

केवल एक एक्सेंट रंग से सुसंगत डार्क मोड इंटरफ़ेस के लिए पूरा पैलेट (बैकग्राउंड, सतहें, टेक्स्ट, एक्सेंट, स्थितियाँ) बनाएँ। रंगों की गणना पूरी तरह आपके ब्राउज़र में होती है।

मुख्य बैकग्राउंड
#16131b
सतह (कार्ड)
#221e29
द्वितीयक सतह
#2f2a37
बॉर्डर
#403a4a
मुख्य टेक्स्ट
#f2f0f4
हल्का टेक्स्ट
#aba5b6
एक्सेंट
#8b55e7
एक्सेंट (होवर)
#a379ec
सफलता
#37be6f
चेतावनी
#e8ab30
ख़तरा
#e05252
CSS वेरिएबल

यह कैसे काम करता है

एक अच्छा डार्क इंटरफ़ेस केवल काले और सफ़ेद को उलटने तक सीमित नहीं होता: बहुत तीखे कंट्रास्ट से बचने के लिए बैकग्राउंड हल्के रंगत वाले होने चाहिए और कभी पूरी तरह काले नहीं, और एक्सेंट इतना चमकीला होना चाहिए कि गहरे बैकग्राउंड पर पढ़ने योग्य रहे। यह टूल आपके एक्सेंट रंग की रंगत से HSL में इन शेड्स की गणना अपने आप करता है, ताकि रंगों का एक सुसंगत सेट मिले जिसे आप CSS वेरिएबल के रूप में सीधे अपनी स्टाइलशीट में पेस्ट कर सकें।

डार्क मोड में पूरी तरह काले (#000000) बैकग्राउंड से क्यों बचना चाहिए?

शुद्ध काले के साथ शुद्ध सफ़ेद टेक्स्ट अत्यधिक कंट्रास्ट पैदा करता है, जिससे आँखें थकती हैं और कुछ OLED स्क्रीन पर हैलो इफ़ेक्ट (दृश्य कंपन) दिखता है। पेशेवर डार्क इंटरफ़ेस (macOS, Material Design) इसके बजाय हल्की रंगत वाले बहुत गहरे ग्रे रंग इस्तेमाल करते हैं, जिसे यह पैलेट दोहराता है।

क्या एक्सेंट रंग को भी डार्क मोड के अनुसार बदलना चाहिए?

हाँ: जो एक्सेंट रंग हल्के बैकग्राउंड पर अच्छा दिखता है, वह काले बैकग्राउंड पर फीका या बहुत गहरा लग सकता है। यह टूल दिए गए एक्सेंट को थोड़ा हल्का कर देता है ताकि उसका कंट्रास्ट अच्छा रहे और बनाए गए गहरे बैकग्राउंड पर वह साफ़ दिखाई दे।

कोई रंग या पसंद किसी सर्वर को नहीं भेजी जाती: रंगों की सभी गणनाएँ लोकल रूप से, आपके ब्राउज़र में चलती हैं।