Chakra UI
10 个色系 × 10 个色阶
共 100 种颜色
简介 Chakra UI
Chakra UI v3 将语义化颜色 token 按色系(如 blue)分组,每个色系含 50 到 950 的色阶。Token 会自动驱动明暗两种模式。
如何使用
使用 var(--chakra-colors-blue-500) 这类 token 语法或 color 属性。扩展主题可加入能继承暗色模式切换的品牌色板。
官方文档 ↗
Gray
色阶
Red
色阶
Orange
色阶
Yellow
色阶
Green
色阶
Teal
色阶
Blue
色阶
Cyan
色阶
Purple
色阶
Pink
色阶
没有匹配的颜色
数据来源: Chakra UI · @chakra-ui/theme 3.4.1