मुफ़्त · डिज़ाइन और CSS
Tailwind शेड जनरेटर.
एक ब्रांड रंग से OKLCH में 50 से 950 तक की पूरी Tailwind पैलेट बनाएं, hex मान, कंट्रास्ट और Tailwind v4 @theme, v3 या CSS वेरिएबल के कोड के साथ।
Loading the calculator…
इस टूल का उपयोग कैसे करें: Tailwind शेड जनरेटर
डेटा दर्ज करें या फ़ाइल चुनें। विकल्प बदलें, परिणाम बनाएं और कॉपी या डाउनलोड करने से पहले उसकी जांच करें।
सीमाएं और समर्थित फ़ॉर्मैट
आपका डेटा आपके उपकरण पर संसाधित होता है।
अंग्रेज़ी में तकनीकी जानकारी
Lightness steps imitate Tailwind’s default palette; check important text pairs for contrast. Everything is calculated in your browser; nothing you type is uploaded.
Each step has a target OKLCH lightness from 0.971 (50) to 0.258 (950); chroma rises and falls around the middle in proportion to your colour, and is reduced where needed to stay in sRGB.
Teal #0d9488 becomes 11 shades from #f2f7f6 to #072a26 and is kept exactly at step 600.