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

purple-600

#9810fa

Tailwind CSS v4.3.3 में purple-600 का मान OKLCH में oklch(55.8% 0.288 302.321) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #9810fa।

क्लास
OKLCH
HEX
RGB
HSL
CSS

क्लास

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

purple-600 पर टेक्स्ट

  • Aaसफ़ेद5.53:1पढ़ने लायक · AA
  • Aaकाला3.79:1पढ़ना मुश्किल
  • Aapurple-505.16:1पढ़ने लायक · AA

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

Tailwind purple स्केल

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

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

सवाल और जवाब

Tailwind purple-600 का हेक्स कोड क्या है?

purple-600 का मान HEX में #9810fa, RGB में rgb(152 16 250) और OKLCH में oklch(55.8% 0.288 302.321) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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