Partez d’une couleur et générez des harmonies complémentaires, analogues, triadiques et plus, puis exportez en CSS, Tailwind v4, SVG ou PNG.
Guide de théorie des couleurs
La roue organise les teintes en cercle pour rendre les relations spatiales. La distance crée le contraste, la proximité apaise. Tout ci-dessous est interactif — modifiez la roue et ces idées deviennent limpides.
Astuce : partagez tout résultat — l’URL conserve couleur de base, harmonie et luminosité.
Une seule teinte ne suffit jamais aux interfaces. Mélangez-la au noir pour les nuances (titres, survols), au blanc pour les teintes claires (fonds, modales) et au gris pour les tons (texte atténué, bordures).
Indigo de la nuance à la teinte. La même logique anime chaque palette ci-dessus.
Dans la roue RYB classique, rouge, jaune et bleu sont primaires ; leur mélange donne orange, vert et violet. À l’écran on mélange de la lumière (RVB) : cet outil calcule donc en HSL/HSV — le même cercle, réglé pour les pixels.
Twelve stops around the disc; every other color contains a trace of a primary.
Ease Colors est une roue chromatique en ligne et gratuite pour les designers et développeurs qui ont besoin de couleurs fiables sans quitter le navigateur. Choisissez une couleur de base sur le sélecteur de roue interactif, prévisualisez six harmonies à la fois, puis copiez des codes HEX, RGB, HSL ou OKLCH prêts pour la production. Rien n'est téléversé, aucun compte à créer, et chaque résultat reçoit une URL partageable qui restaure votre couleur de base, votre harmonie et votre luminosité exactes. Une rampe de nuances intégrée étire chaque couleur de base du ton clair au ton foncé, et toute la page se pilote au clavier, avec un focus visible à chaque étape.
La roue chromatique est un diagramme circulaire des teintes où les couleurs sont rangées pour rendre les relations spatiales : les voisines apaisent, les opposées créent la tension. La roue des primaires classique des cours d'art mélange le rouge, le jaune et le bleu, tandis que la roue RVB de votre écran mélange de la lumière. Cet outil calcule chaque harmonie dans l'espace HSV/HSL, réglé pour les pixels plutôt que pour le pigment. Glissez un point sur le disque pour fixer la teinte, rapprochez-le du bord pour la saturation, et tournez l'anneau extérieur de luminosité pour porter une même teinte du fond clair au texte sombre. Comme le disque est toujours dessiné à vivacité maximale, les marqueurs restent répartis et déplaçables même avec des palettes presque noires ou presque blanches — la géométrie ne s'effondre jamais aux extrêmes.
Cette roue chromatique en ligne est aussi un sélecteur de couleurs en ligne et un outil couleur complet :
En quête de directions ? Lancez Shuffle dans la galerie de palettes pour un tirage aléatoire parmi plus de 400 ensembles sélectionnés.
Avant de publier, lancez la simulation de daltonisme pour prévisualiser protanopie, deutéranopie, tritanopie et achromatopsie, et gardez le texte lisible grâce aux étiquettes à contraste automatique sur chaque bande.
Chaque sélecteur de couleurs de cette page parle quatre formats. Le champ hexadécimal accepte tout code comme #EDEA37, le sélecteur RVB lit des triplets comme rgb(99, 102, 241), et HSL plus OKLCH couvrent l'uniformité perceptuelle hors de portée du RVB seul. Les équipes front-end reçoivent un flux sélecteur HTML et sélecteur CSS prêt à l'emploi : exportez des variables CSS, des tokens de thème Tailwind v4, un objet de configuration Tailwind v3, du JSON Figma ou juste les codes. La pipette d'écran intégrée (EyeDropper) échantillonne n'importe quel pixel de votre moniteur, et les points de la roue de sélection restent déplaçables à toute luminosité. Ce sélecteur de couleurs en ligne est gratuit, avec des exports à canal alpha qui couvrent chaque usage RGBA. Le mode personnalisé fige tout ensemble généré en liste éditable à la main : éclaircissez ou assombrissez une nuance, glissez pour réordonner, insérez un médian mélangé ou prolongez n'importe quelle extrémité — chaque modification reflétée aussitôt dans l'URL partageable.
Photographes et designers de marque se tournent vers le sélecteur de couleurs d'image pour emprunter des palettes au monde réel. Téléversez une photo — ou collez l'URL d'une image — et le sélecteur depuis image affiche une loupe avec grille de pixels et réticule, pour lire le pixel exact que vous pointez, même à 800 % de zoom. Verrouillez la couleur, copiez-la en HEX, RGB, HSL ou OKLCH et envoyez-la vers la roue en un clic. Ajustez la palette extraite de deux à dix couleurs, téléchargez la bande en PNG ou rangez-la dans le coffre du navigateur pour la rouvrir plus tard. Chaque image que vous ouvrez reste sur votre appareil — rien n'est téléversé.
Quand une nuance ne suffit pas, le générateur de palettes de couleurs construit une palette prête depuis une image en quelques secondes. Il note les pixels par fréquence et saturation, filtre les quasi-doublons, puis ordonne les gagnants par teinte — de deux à dix couleurs à réordonner, étendre et supprimer. Les retoucheurs de portraits apprécieront les jeux dédiés aux tons de peau, classés aux côtés des collections pastel, bleues et vertes. Enregistrez vos favoris dans le coffre du navigateur, téléchargez n'importe quelle palette de couleurs en PNG ou SVG et exportez des tokens pour la livraison. Les poignées déplaçables suivent l'image à leurs points d'échantillonnage : rééchantillonner une couleur devient un glisser, pas une devinette.
Une roue complémentaire apparie des teintes à 180° pour une tension maximale — orange contre bleu, violet contre jaune. La bande des complémentaires marque votre couleur de base d'un point noir, pour voir exactement quelle nuance réserver aux boutons et aux liens pendant que la teinte dominante mène la mise en page. Les rotations divisée, triadique, tétradique et carrée l'accompagnent dans le panneau d'harmonies comme alternatives plus douces ou plus audacieuses.
Douze systèmes d'analyse saisonnière vivent dans la galerie — dix-sept palettes chacun. Les briefs chauds et sourds commencent par la palette automne doux, et les froids et sourds se tournent vers la palette été doux. Les ensembles automne très chauds servent les campagnes d'automne et les marques alimentaires, et la palette hiver profond livre des éclats joyaux sur presque-noir pour le luxe et le soir. Les designs clairs et chauds puisent dans la palette printemps clair, le minimalisme aéré dans la palette été froid et le travail sombre opulent dans la palette automne profond. Le contraste glacé appartient à la palette hiver froid, la chaleur vive à la palette printemps chaud, les demi-tons doux à la palette vrai été et le luxe discret à la palette neutre. Des ambiances plus larges d'été, hiver, printemps et automne complètent plus de 400 ensembles, chacun avec copie HEX, RGB, HSL et OKLCH en un clic.
Si vous êtes arrivé en cherchant Adobe color wheel, Adobe color picker, Canva color wheel ou Google color picker, vous connaissez déjà la mission : transformer une couleur de marque en ensemble équilibré. Ease Colors couvre le même terrain — harmonies, codes HEX/RGB/HSL/OKLCH, échantillonnage d'images et export de palettes — gratuit dans le navigateur, avec des URL partageables et aucun compte entre vous et les nuances. Commandes clavier d'abord, étiquettes pour lecteurs d'écran et mode de mouvement réduit inclus.
Ouvrez la roue chromatique, essayez le sélecteur depuis une image ou explorez plus de 400 palettes de couleurs. Votre prochaine palette est à un glisser.
Cliquez sur un échantillon. Changez de format (HEX, RGB, HSL ou OKLCH) avant de copier.
Cliquez sur « Copier le lien ». L’URL encode couleur de base, harmonie et luminosité.
Oui. Chaque HEX, token et export vous appartient — sans attribution.
La roue chromatique est un diagramme circulaire qui range les teintes pour rendre les relations spatiales : les couleurs voisines apaisent, tandis que les opposées créent la tension. Les cours d’art enseignent une roue rouge-jaune-bleu pour mélanger la peinture ; les écrans utilisent une roue RVB qui mélange de la lumière. Les designers s’en servent pour choisir des couleurs de base, construire des harmonies et vérifier le contraste avant qu’une palette n’atteigne la mise en page.
Partez d’une couleur de base — tapez un code HEX, ouvrez le sélecteur système ou échantillonnez votre écran. Choisissez une harmonie comme analogue, complémentaire ou triadique, puis réglez la luminosité avec l’anneau extérieur jusqu’à obtenir tons de fond, de texte et d’accent. Copiez chaque nuance en HEX, RGB, HSL ou OKLCH et collez les codes en CSS, Tailwind ou Figma.
Son but principal est d’associer les couleurs sans deviner. Au lieu d’apparier à l’œil, vous lisez la géométrie : la distance signifie le contraste et l’adjacence signifie le calme. Cela donne à chaque interface une hiérarchie claire — une teinte dominante, quelques soutiens et un accent réservé — pour que boutons, liens et titres tombent où l’œil les attend.
La littérature design en liste généralement huit : monochrome (une teinte, plusieurs luminosités), analogue (voisines), complémentaire (opposées), complémentaire divisée (une base plus deux voisines de son opposée), triadique (triangle), tétradique ou rectangulaire (deux paires complémentaires), carrée (quatre coins) et achromatique ou neutre (noirs, blancs et gris). Cet outil en couvre six directement, plus un mode personnalisé pour des listes de deux à huit couleurs.
Glissez un point sur le disque : l’angle fixe la teinte et la distance au centre fixe la saturation. Glissez l’anneau extérieur pour fixer la luminosité sans toucher teinte ni saturation. Vous pouvez aussi taper une valeur HEX exacte, ouvrir la boîte de couleurs système ou choisir n’importe quel pixel de votre moniteur avec le sélecteur d’écran — toutes les méthodes mènent à la même couleur de base partageable.
Un sélecteur de couleurs transforme un choix visuel en valeur exacte et réutilisable. Il lit n’importe quelle couleur en codes HEX, RGB, HSL ou OKLCH pour que designers et développeurs parlent la même langue : ce que vous cliquez est identique au bit qui arrive en CSS, tokens Tailwind ou styles Figma — sans approximer les tons à l’œil.
Les principaux types sont les sélecteurs à roue ou disque (teinte plus saturation d’un coup d’œil), les sélecteurs à curseurs (canaux RVB ou TSL), les champs HEX (valeurs directes), les pipettes ou sélecteurs d’écran (échantillonnent votre moniteur), les sélecteurs d’image (loupe sur photo) et les bibliothèques de palettes (ensembles sélectionnés comme la galerie de 400+ ici). Ce site combine les six en un seul flux.
Un code couleur est une valeur texte qui décrit une couleur exacte. HEX l’écrit en six chiffres hexadécimaux (#EDEA37) ; RVB liste les canaux rouge, vert et bleu ; TSL liste teinte, saturation et luminosité ; OKLCH est un format perceptuel plus récent où des pas numériques égaux paraissent également différents. Les quatre décrivent la même nuance — le format change seulement comment vous la lisez et l’éditez.
Choisissez une couleur avec la roue, un curseur, le champ HEX ou le sélecteur d’écran, puis copiez-la dans le format qu’exige votre projet — HEX pour le web, RVB ou RVBA pour le code d’apps, TSL pour des retouches rapides, OKLCH pour l’uniformité perceptuelle. Collez la valeur dans votre feuille de style, config Tailwind ou outil design, et gardez le lien pour retrouver la couleur exacte en un clic plus tard.
Une palette de couleurs garde toutes les surfaces d’un produit dans le même langage visuel. Elle assigne des rôles — fond, texte, accents, états — pour que les interfaces semblent cohérentes au lieu d’assemblées de nuances au hasard. Une bonne palette intègre contraste et hiérarchie dès le départ, ce qui signifie moins de correctifs de lisibilité et une marque plus forte et reconnaissable.
Les types courants incluent les palettes monochromes, analogues et complémentaires construites par géométrie de roue ; les palettes pastel et néon définies par l’énergie ; les palettes saisonnières selon les sous-tons de peau (d’automne doux à neutre) ; les palettes de marque verrouillées sur les couleurs corporate ; et les palettes extraites échantillonnées de photographies. La galerie ici les réunit toutes — plus de 400 ensembles dans plus de 60 catégories.
Partez d’une couleur de base qui colle à l’ambiance — chaude et sourde, froide et aérée, ou sombre et dramatique. Étendez-la avec une harmonie, puis contrôlez le résultat comme les utilisateurs le verront : contraste du texte, accents des boutons et simulation de daltonisme pour protanopie, deutéranopie et tritanopie. Si elle survit aux trois, partagez le lien et publiez.