emerald-900
#004f3bلون emerald-900 في Tailwind CSS v4.3.3 هو oklch(37.8% 0.077 168.94) بصيغة OKLCH التي يعتمدها Tailwind، و#004f3b بصيغة HEX.
- الكلاس
- OKLCH
- HEX
- RGB
- HSL
- CSS
الكلاسات
انقر للنسخ. أضف /50 لشفافية 50%، مثل bg-emerald-900/50.
نص على emerald-900
- Aaالأبيض9.69:1مقروء · AA
- Aaالأسود2.17:1صعب القراءة
- Aaemerald-509.19:1مقروء · AA
أوضح نص من سلّم emerald: emerald-50
سلّم emerald في Tailwind
الدرجة 900 في ألوان Tailwind الأخرى
أسئلة وأجوبة
ما كود HEX للون emerald-900 في Tailwind؟
emerald-900 هو #004f3b بصيغة HEX وrgb(0 79 59) بصيغة RGB وoklch(37.8% 0.077 168.94) بصيغة OKLCH. يعرّف Tailwind CSS v4.3.3 ألوانه بصيغة OKLCH، لذا فقيمة HEX هي أقرب مطابقة في sRGB.
هل لون emerald-900 في Tailwind مناسب للنص من حيث إمكانية الوصول؟
تبلغ نسبة تباين النص الأبيض على emerald-900 9.69:1 والنص الأسود 2.17:1. يتطلب WCAG AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير، لذا فالنص الأبيض هو الخيار الأفضل هنا.
كيف أستخدم emerald-900 في Tailwind CSS؟
أضف bg-emerald-900 أو text-emerald-900 أو border-emerald-900 إلى العنصر. وفي CSS الخاص بك استخدم var(--color-emerald-900)، وهو متغير CSS الذي ينشئه Tailwind v4 لكل لون.