Irodori彩り

Tailwind CSS

26 个色系 × 11 个色阶

共 286 种颜色

简介 Tailwind CSS

Tailwind CSS 默认提供从 slate 到 zinc 以及 rose 等共十个色系,每个色系含 50 到 950 的色阶。颜色定义在主题中,并可在构建时通过任意值扩展。

如何使用

使用 bg-brand-500 之类的工具类,或在 tailwind.config 中扩展 theme.colors 来新增色阶。500 到 700 的色阶最适合用于文字、边框和焦点环。

官方文档

Red

色阶

Orange

色阶

Amber

色阶

Yellow

色阶

Lime

色阶

Green

色阶

Emerald

色阶

Teal

色阶

Cyan

色阶

Sky

色阶

Blue

色阶

Indigo

色阶

Violet

色阶

Purple

色阶

Fuchsia

色阶

Pink

色阶

Rose

色阶

Slate

色阶

Gray

色阶

Zinc

色阶

Neutral

色阶

Stone

色阶

Mauve

色阶

Olive

色阶

Mist

色阶

Taupe

色阶

数据来源: Tailwind CSS v4 · theme.css