رفتن به انتخابگر رنگ
Pick
Shade
همهٔ ابزارها
انتخاب رنگ
پالتساز
از تصویر
رنگها
تبدیل
کنتراست
گرادیان
Tailwind
جستوجو
Ctrl K
فارسی
همهٔ ابزارها
انتخاب رنگ
پالتساز
از تصویر
رنگها
تبدیل
کنتراست
گرادیان
Tailwind
همهٔ رنگهای Tailwind
پالت رنگ violet در Tailwind
هر یازده درجهٔ violet در Tailwind CSS v4.3.3 با مقادیر OKLCH، HEX و RGB و کنتراست متن.
کپی بلوک @theme
درجه
کلاس
OKLCH
HEX
RGB
متن سفید
متن سیاه
50
violet-50
oklch(96.9% 0.016 293.756)
#f5f3ff
rgb(245 243 255)
1.1
19.14
100
violet-100
oklch(94.3% 0.029 294.588)
#ede9fe
rgb(237 233 254)
1.19
17.67
200
violet-200
oklch(89.4% 0.057 293.283)
#ddd6ff
rgb(221 214 255)
1.39
15.1
300
violet-300
oklch(81.1% 0.111 293.571)
#c4b4ff
rgb(196 180 255)
1.86
11.29
400
violet-400
oklch(70.2% 0.183 293.541)
#a684ff
rgb(166 132 255)
2.85
7.37
500
violet-500
oklch(60.6% 0.25 292.717)
#8e51ff
rgb(142 81 255)
4.4
4.77
600
violet-600
oklch(54.1% 0.281 293.009)
#7f22fe
rgb(127 34 254)
5.88
3.57
700
violet-700
oklch(49.1% 0.27 292.581)
#7008e7
rgb(112 8 231)
7.29
2.88
800
violet-800
oklch(43.2% 0.232 292.759)
#5d0ec0
rgb(93 14 192)
9.16
2.29
900
violet-900
oklch(38% 0.189 293.745)
#4d179a
rgb(77 23 154)
11.03
1.9
950
violet-950
oklch(28.3% 0.141 291.089)
#2f0d68
rgb(47 13 104)
15.28
1.37