Irodori彩り

Chakra UI

10 familles de couleurs × 10 nuances

100 couleurs

À propos Chakra UI

Chakra UI v3 expose des tokens de couleur sémantiques regroupés en familles comme blue, chacune avec des nuances de 50 à 950. Les tokens pilotent automatiquement les modes clair et sombre.

Utilisation

Utilisez la syntaxe de token comme var(--chakra-colors-blue-500) ou la prop color. Étendez le thème pour ajouter des palettes de marque qui héritent du basculement en mode sombre.

Documentation officielle

Gray

Nuances

Red

Nuances

Orange

Nuances

Yellow

Nuances

Green

Nuances

Teal

Nuances

Blue

Nuances

Cyan

Nuances

Purple

Nuances

Pink

Nuances

Source: Chakra UI · @chakra-ui/theme 3.4.1