lime-50
#f7fee7lime-50 ใน Tailwind CSS v4.3.3 คือ oklch(98.6% 0.031 120.757) ในรูปแบบ OKLCH ที่ Tailwind ใช้ และ #f7fee7 ในรูปแบบ HEX
- คลาส
- OKLCH
- HEX
- RGB
- HSL
- CSS
คลาส
คลิกเพื่อคัดลอก เติม /50 เพื่อให้ทึบแสง 50% เช่น bg-lime-50/50
ข้อความบน lime-50
- Aaสีขาว1.03:1อ่านยาก
- Aaสีดำ20.3:1อ่านง่าย · AA
- Aalime-95014.12:1อ่านง่าย · AA
ข้อความที่อ่านง่ายที่สุดจากสเกล lime: lime-950
สเกล lime ของ Tailwind
ระดับ 50 ในสีอื่นของ Tailwind
คำถามที่พบบ่อย
Tailwind lime-50 มีรหัสสี HEX อะไร
lime-50 คือ #f7fee7 ใน HEX, rgb(247 254 231) ใน RGB และ oklch(98.6% 0.031 120.757) ใน OKLCH โดย Tailwind CSS v4.3.3 กำหนดสีในรูปแบบ OKLCH ค่า HEX จึงเป็นสี sRGB ที่ใกล้เคียงที่สุด
Tailwind lime-50 ใช้กับข้อความได้ดีหรือไม่
ข้อความสีขาวบน lime-50 มีอัตราส่วนคอนทราสต์ 1.03:1 และข้อความสีดำมี 20.3:1 โดย WCAG AA กำหนด 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ ในกรณีนี้ข้อความสีดำจึงเป็นตัวเลือกที่ดีกว่า
ใช้ lime-50 ใน Tailwind CSS อย่างไร
เพิ่ม bg-lime-50, text-lime-50 หรือ border-lime-50 ให้กับองค์ประกอบ ส่วนใน CSS ของคุณเอง ให้ใช้ var(--color-lime-50) ซึ่งเป็นตัวแปร CSS ที่ Tailwind v4 สร้างให้ทุกสี