Irodori彩り

UnoCSS

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

全 264 色

概要 UnoCSS

UnoCSS はアトミック CSS エンジンで、preset-mini が Tailwind v3 のパレットと Windi のバリアントを再利用します。色はオンデマンドでユーティリティとして生成され、全階調を備えます。

使い方

uno.config.ts でテーマを設定し、text-brand-500 のようなユーティリティを使います。UnoCSS は実際に使用したクラスのみを出力するため、CSS を非常に軽量に保てます。

公式ドキュメント

Rose

シェード

Pink

シェード

Fuchsia

シェード

Purple

シェード

Violet

シェード

Indigo

シェード

Blue

シェード

Sky

シェード

Cyan

シェード

Teal

シェード

Emerald

シェード

Green

シェード

Lime

シェード

Yellow

シェード

Amber

シェード

Orange

シェード

Red

シェード

Gray

シェード

Slate

シェード

Zinc

シェード

Neutral

シェード

Stone

シェード

Light

シェード

Dark

シェード

出典: UnoCSS preset-mini · Tailwind v3 + Windi