सीधे कलर पिकर पर जाएँ

violet-500

#8e51ff

Tailwind CSS v4.3.3 में violet-500 का मान OKLCH में oklch(60.6% 0.25 292.717) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #8e51ff।

क्लास
OKLCH
HEX
RGB
HSL
CSS
#8e51ff को पिकर में खोलेंकंट्रास्ट जाँचें

क्लास

कॉपी करने के लिए क्लिक करें। 50% ओपैसिटी के लिए /50 जोड़ें, जैसे bg-violet-500/50।

violet-500 पर टेक्स्ट

  • Aaसफ़ेद4.4:1पढ़ना मुश्किल
  • Aaकाला4.77:1पढ़ने लायक · AA
  • Aaviolet-504.01:1पढ़ना मुश्किल

violet स्केल का सबसे पढ़ने लायक टेक्स्ट: violet-50

Tailwind violet स्केल

  1. 50
  2. 100
  3. 200
  4. 300
  5. 400
  6. 500
  7. 600
  8. 700
  9. 800
  10. 900
  11. 950

दूसरे Tailwind रंगों में शेड 500

सवाल और जवाब

Tailwind violet-500 का हेक्स कोड क्या है?

violet-500 का मान HEX में #8e51ff, RGB में rgb(142 81 255) और OKLCH में oklch(60.6% 0.25 292.717) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

क्या Tailwind violet-500 टेक्स्ट के लिए एक्सेसिबल है?

violet-500 पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.4:1 है और काले टेक्स्ट का 4.77:1। WCAG AA को सामान्य टेक्स्ट के लिए 4.5:1 और बड़े टेक्स्ट के लिए 3:1 चाहिए, इसलिए यहाँ काला टेक्स्ट बेहतर विकल्प है।

Tailwind CSS में violet-500 का इस्तेमाल कैसे करें?

किसी एलिमेंट में bg-violet-500, text-violet-500 या border-violet-500 जोड़ें। अपनी CSS में var(--color-violet-500) इस्तेमाल करें, यह वह CSS वेरिएबल है जो Tailwind v4 हर रंग के लिए बनाता है।