Palette de couleurs

Qu'est-ce que cet outil ?

Générez des palettes de couleurs complémentaires, analogues, triadiques et harmonieuses à partir d'une couleur de base pour le design et le développement.

Palette de couleurs — harmonies et thèmes permet de choisir des couleurs visuellement ou de calculer des couleurs dérivées dans des formats utilisables en CSS et design system. HEX, RGB et HSL décrivent la même couleur avec des coordonnées différentes.

Adapté aux maquettes UI, tokens de design, variables CSS et harmonies de couleurs à vérifier puis copier rapidement.

Comment utiliser

1. Choisissez une couleur de base ou saisissez une valeur HEX.
2. Examinez les valeurs ou la palette calculée.
3. Copiez la valeur HEX, RGB, HSL ou CSS nécessaire.
4. Vérifiez aussi contraste et accessibilité sur les vrais fonds et textes.

Outils et concepts liés

• MDN HSL color
• Sélecteur de couleur — HEX, RGB, HSL
• Unités CSS — px, rem, em et pt