跳到取色器
Pick
Shade
全部工具
取色器
配色
图片取色
颜色
转换
对比度
渐变
Tailwind
搜索
Ctrl K
简体中文
全部工具
取色器
配色
图片取色
颜色
转换
对比度
渐变
Tailwind
所有 Tailwind 颜色
Tailwind orange 调色板
Tailwind CSS v4.3.3 中 orange 的全部 11 个色阶,附 OKLCH、HEX、RGB 值和文字对比度。
复制 @theme 代码块
色阶
类名
OKLCH
HEX
RGB
白色文字
黑色文字
50
orange-50
oklch(98% 0.016 73.684)
#fff7ed
rgb(255 247 237)
1.06
19.79
100
orange-100
oklch(95.4% 0.038 75.164)
#ffedd4
rgb(255 237 212)
1.15
18.3
200
orange-200
oklch(90.1% 0.076 70.697)
#ffd6a7
rgb(255 214 167)
1.36
15.48
300
orange-300
oklch(83.7% 0.128 66.29)
#ffb86a
rgb(255 184 106)
1.7
12.33
400
orange-400
oklch(75% 0.183 55.934)
#ff8904
rgb(255 137 4)
2.38
8.83
500
orange-500
oklch(70.5% 0.213 47.604)
#ff6900
rgb(255 105 0)
2.89
7.26
600
orange-600
oklch(64.6% 0.222 41.116)
#f54900
rgb(245 73 0)
3.59
5.85
700
orange-700
oklch(55.3% 0.195 38.402)
#ca3500
rgb(202 53 0)
5.23
4.02
800
orange-800
oklch(47% 0.157 37.304)
#9f2d00
rgb(159 45 0)
7.35
2.86
900
orange-900
oklch(40.8% 0.123 38.172)
#7e2a0c
rgb(126 42 12)
9.42
2.23
950
orange-950
oklch(26.6% 0.079 36.259)
#441306
rgb(68 19 6)
15.66
1.34