דילוג לבוחר הצבעים
Pick
Shade
כל הכלים
בוחר צבעים
פלטות
מתמונה
צבעים
המרה
ניגודיות
גרדיאנט
Tailwind
חיפוש
Ctrl K
עברית
כל הכלים
בוחר צבעים
פלטות
מתמונה
צבעים
המרה
ניגודיות
גרדיאנט
Tailwind
כל צבעי Tailwind
פלטת indigo של Tailwind
כל 11 הדרגות של indigo ב-Tailwind CSS v4.3.3 עם ערכי OKLCH, HEX ו-RGB וניגודיות טקסט.
העתקת בלוק @theme
דרגה
מחלקה
OKLCH
HEX
RGB
טקסט לבן
טקסט שחור
50
indigo-50
oklch(96.2% 0.018 272.314)
#eef2ff
rgb(238 242 255)
1.12
18.78
100
indigo-100
oklch(93% 0.034 272.788)
#e0e7ff
rgb(224 231 255)
1.23
17.04
200
indigo-200
oklch(87% 0.065 274.039)
#c6d2ff
rgb(198 210 255)
1.49
14.07
300
indigo-300
oklch(78.5% 0.115 274.713)
#a3b3ff
rgb(163 179 255)
2.01
10.45
400
indigo-400
oklch(67.3% 0.182 276.935)
#7c86ff
rgb(124 134 255)
3.12
6.73
500
indigo-500
oklch(58.5% 0.233 277.117)
#615fff
rgb(97 95 255)
4.58
4.59
600
indigo-600
oklch(51.1% 0.262 276.966)
#4f39f6
rgb(79 57 246)
6.44
3.26
700
indigo-700
oklch(45.7% 0.24 277.023)
#432dd7
rgb(67 45 215)
8.07
2.6
800
indigo-800
oklch(39.8% 0.195 277.366)
#372aac
rgb(55 42 172)
10.09
2.08
900
indigo-900
oklch(35.9% 0.144 278.697)
#312c85
rgb(49 44 133)
11.47
1.83
950
indigo-950
oklch(25.7% 0.09 281.288)
#1e1a4d
rgb(30 26 77)
16.03
1.31