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