Irodori彩り

Panda CSS

22 个色系 × 11 个色阶

共 242 种颜色

简介 Panda CSS

Panda CSS 是一个构建期 CSS-in-JS 引擎,其 preset-panda 提供完整的色阶。Token 具备完整类型,可为语义化或原始值。

如何使用

在 theme.extend.tokens.colors 下定义颜色,并通过 cx/recipe API 或工具类使用。Panda 输出静态 CSS,运行时零开销。

官方文档

Rose

色阶

Pink

色阶

Fuchsia

色阶

Purple

色阶

Violet

色阶

Indigo

色阶

Blue

色阶

Sky

色阶

Cyan

色阶

Teal

色阶

Emerald

色阶

Green

色阶

Lime

色阶

Yellow

色阶

Amber

色阶

Orange

色阶

Red

色阶

Neutral

色阶

Stone

色阶

Zinc

色阶

Gray

色阶

Slate

色阶

数据来源: Panda CSS · @pandacss/preset-panda