Tailwind रंग पैलेट जनरेटर

 (tints.dev)
5 पॉइंट द्वारा GN⁺ 2024-02-03 | 1 टिप्पणियां | WhatsApp पर शेयर करें

रंग पैलेट की विशेषताएँ और उसे नियंत्रित करने के तरीके

  • रंग पैलेट का नाम "NameValueOpen Color Picker" है, और डिफ़ॉल्ट रंग मान 500 है।
  • इस पैलेट के URL को क्लिपबोर्ड में कॉपी करने या API URL खोलने की सुविधा दी गई है।
  • रंगों का ग्राफ़ दिखाने की सुविधा है, और किसी विशेष रंग 'blue' को हटाने का विकल्प भी है।
  • रंग की Saturation, Lightness, Maximum Lightness, Minimum Lightness, और Lu (प्रकाश की चमक, Luminance) को समायोजित करने के लिए टॉगल स्विच मौजूद हैं।
  • Lightness का दायरा 50 से 950 तक है, जिससे उपयोगकर्ता पैलेट की चमक को नियंत्रित कर सकते हैं।

GN⁺ की राय:

  • यह लेख रंग पैलेट को नियंत्रित करने वाली सुविधाओं का परिचय देता है और डिज़ाइनर या डेवलपर के लिए उपयोगी जानकारी प्रदान करता है।
  • यह महत्वपूर्ण है कि उपयोगकर्ता रंगों में बारीक समायोजन कर सकें, और इसके लिए कई तरह के टूल दिए गए हैं।
  • रंग समायोजन सुविधाएँ वेबसाइट या ऐप के UI/UX डिज़ाइन में एक मुख्य तत्व हैं, इसलिए ऐसे टूल्स की समझ डिज़ाइन की गुणवत्ता बेहतर बनाने में मदद करती है।

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2024-02-03
Hacker News टिप्पणियाँ

  • accessibility को ध्यान में रखने वाले design system का उपयोग करके ऐसा tool बनाने में रुचि, जिसमें केवल रंगों के नाम देखकर ही उनके combination की accessibility समझी जा सके।

    उदाहरण के लिए, USWDS design system का उपयोग करने पर blue-30 और gray-80 के combination के color value अंतर से पता चल सकता है कि वह WCAG AA मानक के अनुरूप है या नहीं।

  • रंगों के साथ प्रयोग करना पसंद है, और इससे जुड़े उपयोगी tools तथा वैकल्पिक options साझा किए गए।

    कई color scheme generator वेबसाइटों के links दिए गए हैं।

  • व्यक्तिगत रूप से एक simple और opinionated color tool बनाया है, जो Tailwind config generate कर सकता है।

    उस tool की वेबसाइट का link और web components का उपयोग करके उसे बनाने की प्रक्रिया पर लिखे गए लेख का link दिया गया है।

  • नए tool का उपयोग करके logo से palette बनाने में एक मिनट से भी कम समय लगा, और पहले manually करने की तुलना में बेहतर परिणाम मिले।

  • CSS variables का उपयोग करके color palette define करना और Tailwind config में उन्हें reference करना पसंद है।

    runtime पर अलग-अलग color themes लागू कर सकने की flexibility का उल्लेख।

  • tool बनाने वाले के प्रति धन्यवाद व्यक्त किया गया, और Figma के साथ colors sync करने का सबसे आसान तरीका क्या है, यह पूछा गया।

    पेशेवर designers कौन-से plugins इस्तेमाल करते हैं, या colors generate करके उन्हें Tailwind में export करने का तरीका क्या है, इस पर सवाल उठाया गया।

  • एक single color से color palette generate करने के बाद, हर रंग को manually adjust करने के लिए परिणामों को किसी दूसरे app में feed करने हेतु यह उपयोगी tool माना गया।

  • brand example demo के बारे में सवाल और आम तौर पर users base colors को modify करते हैं या नए variables generate करते हैं, इस पर जिज्ञासा।

  • एक full-stack developer के रूप में colors की जानकारी नहीं है, लेकिन Tailwind CSS का उपयोग कर रहे हैं।

    color selection और tool के उपयोग का तरीका कहाँ सीखा जा सकता है, यह पूछा गया।

  • यह gradient generation के लिए उपयोगी tool लगता है, और Paletton का उल्लेख न होना अजीब लगा।

    Paletton वेबसाइट का link दिया गया है और base color से adjacent colors तक gradient generate करने की इसकी क्षमता का वर्णन किया गया है।