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

violet-600

#7f22fe

Tailwind CSS v4.3.3 में violet-600 का मान OKLCH में oklch(54.1% 0.281 293.009) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #7f22fe।

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

क्लास

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

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

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

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 रंगों में शेड 600

सवाल और जवाब

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

violet-600 का मान HEX में #7f22fe, RGB में rgb(127 34 254) और OKLCH में oklch(54.1% 0.281 293.009) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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