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

rose-50

#fff1f2

Tailwind CSS v4.3.3 में rose-50 का मान OKLCH में oklch(96.9% 0.015 12.422) है, जो Tailwind का अपना फ़ॉर्मैट है, और HEX में #fff1f2।

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

क्लास

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

rose-50 पर टेक्स्ट

  • Aaसफ़ेद1.1:1पढ़ना मुश्किल
  • Aaकाला19.09:1पढ़ने लायक · AA
  • Aarose-95014.23:1पढ़ने लायक · AA

rose स्केल का सबसे पढ़ने लायक टेक्स्ट: rose-950

Tailwind rose स्केल

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

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

सवाल और जवाब

Tailwind rose-50 का हेक्स कोड क्या है?

rose-50 का मान HEX में #fff1f2, RGB में rgb(255 241 242) और OKLCH में oklch(96.9% 0.015 12.422) है। Tailwind CSS v4.3.3 अपने रंग OKLCH में तय करता है, इसलिए HEX वैल्यू सबसे नज़दीकी sRGB मिलान है।

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

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

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

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