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 mauve của Tailwind
Đủ mười một sắc độ mauve 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
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