shadcn/ui
文档
组件
区块
图表
主题
颜色
切换菜单
搜索文档...
搜索文档...
搜索...
⌘
K
GitHub
切换主题
Tailwind CSS - shadcn/ui 组件库
开始使用 Tailwind v4
色彩库
Tailwind CSS 色彩，支持 HSL、RGB、HEX 和 OKLCH 格式。
浏览颜色
文档
煤灰色
煤灰色-50
50
煤灰色-100
100
煤灰色-200
200
煤灰色-300
300
煤灰色-400
400
煤灰色-500
500
煤灰色-600
600
煤灰色-700
700
煤灰色-800
800
煤灰色-900
900
煤灰色-950
950
灰色
灰色-50
50
灰色-100
100
灰色-200
200
灰色-300
300
灰色-400
400
灰色-500
500
灰色-600
600
灰色-700
700
灰色-800
800
灰色-900
900
灰色-950
950
锌色
锌色-50
50
锌色-100
100
锌色-200
200
锌色-300
300
锌色-400
400
锌色-500
500
锌色-600
600
锌色-700
700
锌色-800
800
锌色-900
900
锌色-950
950
中性色
中性色-50
50
中性色-100
100
中性色-200
200
中性色-300
300
中性色-400
400
中性色-500
500
中性色-600
600
中性色-700
700
中性色-800
800
中性色-900
900
中性色-950
950
石色
石色-50
50
石色-100
100
石色-200
200
石色-300
300
石色-400
400
石色-500
500
石色-600
600
石色-700
700
石色-800
800
石色-900
900
石色-950
950
红色
红色-50
50
红色-100
100
红色-200
200
红色-300
300
红色-400
400
红色-500
500
红色-600
600
红色-700
700
红色-800
800
红色-900
900
红色-950
950
橙色
橙色-50
50
橙色-100
100
橙色-200
200
橙色-300
300
橙色-400
400
橙色-500
500
橙色-600
600
橙色-700
700
橙色-800
800
橙色-900
900
橙色-950
950
琥珀色
琥珀色-50
50
琥珀色-100
100
琥珀色-200
200
琥珀色-300
300
琥珀色-400
400
琥珀色-500
500
琥珀色-600
600
琥珀色-700
700
琥珀色-800
800
琥珀色-900
900
琥珀色-950
950
黄色
黄色-50
50
黄色-100
100
黄色-200
200
黄色-300
300
黄色-400
400
黄色-500
500
黄色-600
600
黄色-700
700
黄色-800
800
黄色-900
900
黄色-950
950
酸橙色
酸橙色-50
50
酸橙色-100
100
酸橙色-200
200
酸橙色-300
300
酸橙色-400
400
酸橙色-500
500
酸橙色-600
600
酸橙色-700
700
酸橙色-800
800
酸橙色-900
900
酸橙色-950
950
绿色
绿色-50
50
绿色-100
100
绿色-200
200
绿色-300
300
绿色-400
400
绿色-500
500
绿色-600
600
绿色-700
700
绿色-800
800
绿色-900
900
绿色-950
950
翠绿色
翠绿色-50
50
翠绿色-100
100
翠绿色-200
200
翠绿色-300
300
翠绿色-400
400
翠绿色-500
500
翠绿色-600
600
翠绿色-700
700
翠绿色-800
800
翠绿色-900
900
翠绿色-950
950
青色
青色-50
50
青色-100
100
青色-200
200
teal-300
300
teal-400
400
teal-500
500
teal-600
600
teal-700
700
teal-800
800
teal-900
900
teal-950
950
青色
cyan-50
50
cyan-100
100
cyan-200
200
cyan-300
300
cyan-400
400
cyan-500
500
cyan-600
600
cyan-700
700
cyan-800
800
cyan-900
900
cyan-950
950
天蓝色
sky-50
50
sky-100
100
sky-200
200
sky-300
300
sky-400
400
sky-500
500
sky-600
600
sky-700
700
sky-800
800
sky-900
900
sky-950
950
蓝色
blue-50
50
blue-100
100
blue-200
200
blue-300
300
blue-400
400
blue-500
500
blue-600
600
blue-700
700
blue-800
800
blue-900
900
blue-950
950
靛蓝色
indigo-50
50
indigo-100
100
indigo-200
200
indigo-300
300
indigo-400
400
indigo-500
500
indigo-600
600
indigo-700
700
indigo-800
800
indigo-900
900
indigo-950
950
紫罗兰色
violet-50
50
violet-100
100
violet-200
200
violet-300
300
violet-400
400
violet-500
500
violet-600
600
violet-700
700
violet-800
800
violet-900
900
violet-950
950
紫色
purple-50
50
purple-100
100
purple-200
200
purple-300
300
purple-400
400
purple-500
500
purple-600
600
purple-700
700
purple-800
800
purple-900
900
purple-950
950
紫红色
fuchsia-50
50
fuchsia-100
100
fuchsia-200
200
fuchsia-300
300
fuchsia-400
400
fuchsia-500
500
fuchsia-600
600
fuchsia-700
700
fuchsia-800
800
fuchsia-900
900
fuchsia-950
950
粉色
pink-50
50
pink-100
100
pink-200
200
pink-300
300
pink-400
400
pink-500
500
pink-600
600
pink-700
700
pink-800
800
pink-900
900
pink-950
950
玫瑰色
rose-50
50
rose-100
100
rose-200
200
rose-300
300
rose-400
400
rose-500
500
rose-600
600
rose-700
700
rose-800
800
rose-900
900
rose-950
950