निःशुल्क

Tailwind रंग जनरेटर

एक ब्रांड रंग दर्ज करें और एक पूर्ण Tailwind CSS पैलेट (50-950) उत्पन्न करें। कॉन्फ़िग, CSS चर या SCSS के रूप में कॉपी करें।

100% निःशुल्ककोई साइनअप आवश्यक नहींआपके ब्राउज़र में चलता है

कंट्रास्ट जांचें

50
White 1.4:1
Black 15.5:1 AA
100
White 1.4:1
Black 14.5:1 AA
200
White 1.5:1
Black 13.6:1 AA
300
White 1.6:1
Black 12.9:1 AA
400
White 2.5:1
Black 8.4:1 AA
500
White 3.7:1
Black 5.6:1 AA
600
White 6.0:1 AA
Black 3.5:1
700
White 11.5:1 AA
Black 1.8:1
800
White 19.3:1 AA
Black 1.1:1
900
White 20.0:1 AA
Black 1.0:1
950
White 20.1:1 AA
Black 1.0:1 
brand: {
  50: '#9aece5',
  100: '#7ae9df',
  200: '#4ae6d8',
  300: '#19e3d1',
  400: '#12b7a9',
  500: '#0d9488',
  600: '#097067',
  700: '#04413c',
  800: '#011110',
  900: '#010a09',
  950: '#010909',
}

Tailwind Color Generator के बारे में

Enter any hex color and generate a complete Tailwind CSS color scale from 50 to 950. Preview each shade, copy individual values, or export the entire palette as a Tailwind config snippet. Great for creating consistent brand color systems.

अक्सर पूछे जाने वाले प्रश्न

LaunchChat विजेट पूरी तरह से अनुकूलन योग्य हैं — अपने ब्रांड रंगों से पूरी तरह मेल खाएं।

कोई क्रेडिट कार्ड आवश्यक नहीं

Need an AI support chatbot?

LaunchChat turns your docs into a support widget with citations and auto-escalation. Lifetime deal available.

Try Free