Irodori彩り

Chakra UI

10개 색상 계열 × 10개 색조

총 100가지 색상

개요 Chakra UI

Chakra UI v3는 blue 같은 계열로 묶인 의미 색 토큰을 노출하며, 각 계열은 50~950 단계를 가집니다. 토큰은 라이트·다크 모드를 자동으로 구동합니다.

사용 방법

var(--chakra-colors-blue-500) 같은 토큰 문법이나 color prop을 사용하세요. 테마를 확장해 다크 모드 전환을 상속하는 브랜드 팔레트를 추가할 수 있습니다.

공식 문서

Gray

색조

Red

색조

Orange

색조

Yellow

색조

Green

색조

Teal

색조

Blue

색조

Cyan

색조

Purple

색조

Pink

색조

출처: Chakra UI · @chakra-ui/theme 3.4.1