Générateur de palettes de couleurs
Appuyez sur la barre d’espace pour générer une nouvelle palette de couleurs, verrouillez celles que vous voulez garder et mélangez les autres. Ajustez, vérifiez l’accessibilité et exportez quand elle vous convient.
Comment utiliser le générateur de palette de couleurs
- Appuyez sur le bouton Générer ou sur la barre d’espace pour créer une nouvelle palette. Choisissez d’abord une harmonie (analogue, triadique, complémentaire…) si vous voulez une structure précise.
- Verrouillez les couleurs que vous aimez avec l’icône de cadenas. Les couleurs verrouillées restent en place pendant que les autres changent. Cliquez sur un code hex pour saisir votre propre couleur, et utilisez les flèches pour réordonner.
- Ouvrez Ajuster pour décaler ensemble la teinte, la saturation et la luminosité, Nuances pour choisir une teinte claire ou foncée d’une couleur, ou Accessibilité pour voir le contraste et les vérifications de vision des couleurs.
- Exportez la palette en CSS, SCSS, Tailwind, JSON, SVG, PDF, design tokens, code Swift, Android ou Flutter et plus encore, ou enregistrez-la sur cet appareil.
Ce que vous pouvez faire
Verrouiller et mélanger
Verrouillez une couleur et continuez à générer. Annuler et rétablir permettent de revenir sur les palettes précédentes.
Modes d’harmonie
Générez des palettes aléatoires, analogues, monochromatiques, triadiques, complémentaires, complémentaires divisées ou tétradiques.
De deux à dix couleurs
Ajoutez ou retirez des couleurs pour obtenir une palette de 2 à 10 couleurs.
Vérifications d’accessibilité
Une matrice de contraste affiche les résultats WCAG et APCA pour chaque paire, et une vérification de la vision des couleurs signale les couleurs qui se ressemblent en cas de protanopie, de deutéranopie et de tritanopie.
Garanties
Indiquez les règles que la palette doit respecter, comme des paires de texte lisibles, une compatibilité avec le daltonisme ou des teintes exclues, et le générateur construit une palette qui les satisfait.
Aperçu et présentation
Voyez la palette sur une maquette de site dans le visualiseur, créez-en un système de couleurs dans le Studio, ou affichez-la en plein écran.
Questions fréquentes
Qu’est-ce qu’un générateur de palette de couleurs ?
Un générateur de palette de couleurs crée des ensembles de couleurs qui vont bien ensemble. Vous générez une palette, gardez les couleurs que vous aimez et changez les autres jusqu’à ce que l’ensemble convienne à votre marque, votre interface ou votre illustration. GetColors peut construire une palette autour d’une règle d’harmonie comme analogue ou triadique, pour que les couleurs soient liées entre elles au lieu d’être aléatoires.
Comment générer une palette de couleurs ?
Ouvrez le générateur et appuyez sur la barre d’espace ou sur le bouton Générer. Chaque appui crée une nouvelle palette. Verrouillez les couleurs à conserver, puis générez à nouveau pour ne remplacer que celles qui ne sont pas verrouillées.
Comment créer une palette à partir d’une seule couleur ?
Cliquez sur un code hex et saisissez votre couleur, verrouillez-la, choisissez une harmonie comme analogue ou complémentaire, puis générez. La couleur verrouillée reste et les autres sont construites autour d’elle. Vous pouvez aussi partir d’une photo avec le sélecteur de couleurs depuis une image.
Combien de couleurs peut contenir une palette ?
De deux à dix. Trois à cinq couleurs sont les plus simples à appliquer à une interface ou à une marque. Prévoyez-en davantage pour des graphiques, une illustration ou une gamme de nuances plus large.
Puis-je enregistrer ou partager ma palette ?
Oui. La palette est stockée dans l’adresse de la page : copiez le lien pour la partager. Enregistrer la conserve sur cet appareil, et la boîte de dialogue d’export propose du code et des fichiers dans de nombreux formats.