跳到取色器
Pick
Shade
所有工具
取色器
配色
圖片取色
顏色
轉換
對比度
漸層
Tailwind
搜尋
Ctrl K
繁體中文
所有工具
取色器
配色
圖片取色
顏色
轉換
對比度
漸層
Tailwind
所有 Tailwind 顏色
Tailwind mauve 調色盤
Tailwind CSS v4.3.3 中 mauve 的全部 11 個色階,附 OKLCH、HEX、RGB 值和文字對比度。
複製 @theme 區塊
色階
Class
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