Irodori彩り

Tailwind CSS

26 色ファミリー × 11 シェード

全 286 色

概要 Tailwind CSS

Tailwind CSS は slate から zinc、さらに rose まで 10 の色ファミリーを標準で備え、各ファミリーは 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