डार्क मोड पैलेट जनरेटर
केवल एक एक्सेंट रंग से सुसंगत डार्क मोड इंटरफ़ेस के लिए पूरा पैलेट (बैकग्राउंड, सतहें, टेक्स्ट, एक्सेंट, स्थितियाँ) बनाएँ। रंगों की गणना पूरी तरह आपके ब्राउज़र में होती है।
यह कैसे काम करता है
एक अच्छा डार्क इंटरफ़ेस केवल काले और सफ़ेद को उलटने तक सीमित नहीं होता: बहुत तीखे कंट्रास्ट से बचने के लिए बैकग्राउंड हल्के रंगत वाले होने चाहिए और कभी पूरी तरह काले नहीं, और एक्सेंट इतना चमकीला होना चाहिए कि गहरे बैकग्राउंड पर पढ़ने योग्य रहे। यह टूल आपके एक्सेंट रंग की रंगत से HSL में इन शेड्स की गणना अपने आप करता है, ताकि रंगों का एक सुसंगत सेट मिले जिसे आप CSS वेरिएबल के रूप में सीधे अपनी स्टाइलशीट में पेस्ट कर सकें।
डार्क मोड में पूरी तरह काले (#000000) बैकग्राउंड से क्यों बचना चाहिए?
शुद्ध काले के साथ शुद्ध सफ़ेद टेक्स्ट अत्यधिक कंट्रास्ट पैदा करता है, जिससे आँखें थकती हैं और कुछ OLED स्क्रीन पर हैलो इफ़ेक्ट (दृश्य कंपन) दिखता है। पेशेवर डार्क इंटरफ़ेस (macOS, Material Design) इसके बजाय हल्की रंगत वाले बहुत गहरे ग्रे रंग इस्तेमाल करते हैं, जिसे यह पैलेट दोहराता है।
क्या एक्सेंट रंग को भी डार्क मोड के अनुसार बदलना चाहिए?
हाँ: जो एक्सेंट रंग हल्के बैकग्राउंड पर अच्छा दिखता है, वह काले बैकग्राउंड पर फीका या बहुत गहरा लग सकता है। यह टूल दिए गए एक्सेंट को थोड़ा हल्का कर देता है ताकि उसका कंट्रास्ट अच्छा रहे और बनाए गए गहरे बैकग्राउंड पर वह साफ़ दिखाई दे।
कोई रंग या पसंद किसी सर्वर को नहीं भेजी जाती: रंगों की सभी गणनाएँ लोकल रूप से, आपके ब्राउज़र में चलती हैं।