$ tools/color-wheel

Roue chromatique

Choisis une couleur, choisis une harmonie — complémentaire, analogue, triadique et plus — et génère une palette assortie. Hex, RGB, HSL et CMYK, clic pour copier.

# Choisis une couleur

luminosité50%
RGB
HSL
HSB
CMYK

$ Harmonie

$ Palette

$ Comment utiliser la roue chromatique

Clique n'importe où sur la roue pour définir ta couleur de base — l'angle choisit la teinte, la distance au centre règle la saturation. Utilise le curseur de luminosité en dessous pour l'éclaircir ou l'assombrir, ou tape un code hex directement. Ensuite, choisis une règle d'harmonie à droite et la palette se met à jour instantanément. Clique sur un échantillon pour copier son hex, ou prends tout l'ensemble d'un coup.

Ce que signifient les harmonies

La complémentaire utilise la couleur directement opposée sur la roue pour un contraste et une énergie élevés. L'analogue utilise les voisins pour un sentiment calme et cohérent. La triadique espace trois couleurs uniformément pour un ensemble équilibré mais vivant. La split-complémentaire adoucit une paire complémentaire. La carrée et la tétradique te donnent des schémas à quatre couleurs avec plus de portée. La monochromatique et les teintes & nuances restent sur une seule teinte, en variant uniquement la luminosité — parfait pour les UI propres et minimales.

Pourquoi c'est important pour ton app

Une palette cohérente fait que tes captures App Store, ton icône et ton feature graphic ressemblent à un seul produit au lieu d'un tas de couleurs au hasard. Choisis la couleur de ta marque, génère une harmonie, et réutilise ces hex exacts dans tes légendes de captures, arrière-plans et assets de store.

$ FAQ

C'est gratuit ?

Oui — complètement gratuit, sans inscription, sans limites. Tout tourne dans ton navigateur.

Quelle est la différence entre HSL et HSB ?

Les deux décrivent la teinte et la saturation, mais la troisième valeur diffère : HSL utilise la luminosité (0% noir, 100% blanc), tandis que HSB utilise la brillance. Les designers préfèrent souvent HSL pour le web ; HSB apparaît dans des outils comme Photoshop. Cette roue te donne les deux.

Puis-je partir de ma propre couleur de marque ?

Oui. Tape ton code hex dans la case et la roue et la palette se mettent à jour pour correspondre. Ensuite, choisis une harmonie pour construire autour.

Comment utiliser la palette dans mon design ?

Clique sur n'importe quel échantillon pour copier son hex, ou utilise "Copier tous les hex" / "Copier en variables CSS" pour prendre tout l'ensemble. Colle direct dans ton outil de design ou ta feuille de style.

Plus d'outils couleur

LaunchShots te plaît ?
Gratuit pour toujours — si ça t'a fait gagner du temps, tu peux m'offrir un café.
Soutenir →
copié ✓