Chuyển đến công cụ chọn màu
Pick
Shade
Tất cả công cụ
Chọn màu
Bảng màu
Từ ảnh
Màu sắc
Chuyển đổi
Tương phản
Gradient
Tailwind
Tìm kiếm
Ctrl K
Tiếng Việt
Tất cả công cụ
Chọn màu
Bảng màu
Từ ảnh
Màu sắc
Chuyển đổi
Tương phản
Gradient
Tailwind
Tất cả màu Tailwind
Bảng màu indigo của Tailwind
Đủ mười một sắc độ indigo của Tailwind CSS v4.3.3 với giá trị OKLCH, HEX, RGB và độ tương phản chữ.
Sao chép khối @theme
Sắc độ
Class
OKLCH
HEX
RGB
Chữ trắng
Chữ đen
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