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