انتقل إلى منتقي الألوان
Pick
Shade
كل الأدوات
المنتقي
لوحات الألوان
من صورة
الألوان
التحويل
التباين
التدرج
Tailwind
بحث
Ctrl K
العربية
كل الأدوات
المنتقي
لوحات الألوان
من صورة
الألوان
التحويل
التباين
التدرج
Tailwind
كل ألوان Tailwind
لوحة ألوان mauve في Tailwind
درجات mauve الإحدى عشرة كلها من Tailwind CSS v4.3.3 مع قيم OKLCH وHEX وRGB وتباين النص.
انسخ كتلة @theme
الدرجة
الكلاس
OKLCH
HEX
RGB
نص أبيض
نص أسود
50
mauve-50
oklch(98.5% 0 none)
#fafafa
rgb(250 250 250)
1.04
20.11
100
mauve-100
oklch(96% 0.003 325.6)
#f3f1f3
rgb(243 241 243)
1.12
18.68
200
mauve-200
oklch(92.2% 0.005 325.62)
#e7e4e7
rgb(231 228 231)
1.26
16.65
300
mauve-300
oklch(86.5% 0.012 325.68)
#d7d0d7
rgb(215 208 215)
1.51
13.88
400
mauve-400
oklch(71.1% 0.019 323.02)
#a89ea9
rgb(168 158 169)
2.58
8.12
500
mauve-500
oklch(54.2% 0.034 322.5)
#79697b
rgb(121 105 123)
5.1
4.12
600
mauve-600
oklch(43.5% 0.029 321.78)
#594c5b
rgb(89 76 91)
8.05
2.61
700
mauve-700
oklch(36.4% 0.029 323.89)
#463947
rgb(70 57 71)
10.83
1.94
800
mauve-800
oklch(26.3% 0.024 320.12)
#2a212c
rgb(42 33 44)
15.52
1.35
900
mauve-900
oklch(21.2% 0.019 322.12)
#1d161e
rgb(29 22 30)
17.72
1.18
950
mauve-950
oklch(14.5% 0.008 326)
#0c090c
rgb(12 9 12)
19.81
1.06