Irodori彩り

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