Cette page a été traduite avec l’IA et n’a pas encore été relue par un locuteur natif. Lire la version anglaise

Générateur de palettes de couleurs

Construisez une palette cohérente à partir d’une couleur de marque grâce aux harmonies du cercle chromatique, ou extrayez les couleurs principales d’une photo. Copiez chaque valeur ou exportez des propriétés personnalisées CSS.

Fonctionne entièrement dans votre navigateur. Vos saisies et vos fichiers ne sont envoyés à aucun serveur.

Mode d’emploi

  1. Choisissez une couleur de base et un type d’harmonie — ou passez à « Depuis une image » et ouvrez une photo.
  2. Cliquez sur un échantillon pour copier son code HEX.
  3. Copiez les variables CSS pour utiliser la palette dans votre feuille de style.

Exemples

Gamme de couleurs d’interface

Utilisez « Teintes et nuances » pour obtenir des fonds clairs et des variantes de texte foncées de votre couleur principale.

Palette à partir d’une photo produit

Extrayez 6 couleurs de la photo pour styliser une page d’atterrissage assortie.

Confidentialité

Fonctionne entièrement dans votre navigateur. Vos saisies et vos fichiers ne sont envoyés à aucun serveur. Consultez la politique de confidentialité pour savoir ce qui est enregistré dans votre navigateur (favoris et historique uniquement). Politique de confidentialité

Vérifiez par vous-même : ouvrez les outils de développement du navigateur, sélectionnez l’onglet Réseau (Network) et utilisez l’outil. Votre fichier n’apparaît dans aucune requête d’envoi. Une fois cette page enregistrée pour une utilisation hors ligne, vous pouvez aussi vous déconnecter d’Internet et continuer à travailler. Les publicités et les statistiques de visite anonymes, lorsqu’elles sont activées, envoient leurs propres requêtes, mais ne reçoivent jamais vos fichiers ni vos textes.

Questions fréquentes

Comment les couleurs d’une image sont-elles extraites ?

L’image est réduite et ses pixels sont regroupés avec un algorithme de partitionnement k-means ; les plus grands groupes forment la palette.

Les harmonies sont-elles accessibles ?

Les harmonies concernent les relations de teinte, pas le contraste. Vérifiez les paires texte/fond avec le rapport de contraste du Sélecteur de couleurs.

Sélecteur et convertisseur de couleursChoisissez une couleur, convertissez entre HEX, RGB et HSL, prélevez des couleurs dans une image ou sur votre écran, et vérifiez le contraste avec un texte blanc ou noir.
Générateur de faviconGénérez un jeu complet de favicons à partir d’une image ou d’une lettre : favicon.ico, PNG de 16 à 512 px, icône Apple touch, manifeste web et balises HTML, dans un seul ZIP.
Aperçu et optimiseur SVGPrévisualisez des fichiers SVG en toute sécurité et allégez-les en supprimant commentaires, métadonnées d’éditeur et espaces, avec arrondi facultatif des nombres.
Générateur de balises metaGénérez des balises meta HTML propres pour une page : title, description, canonical, robots, Open Graph et Twitter Card, avec des indications de longueur.
Compresseur d’imagesCompressez des images JPG, PNG et WebP dans votre navigateur, par qualité ou vers une taille cible comme 100 Ko.
Redimensionneur d’imagesRedimensionnez des images JPG, PNG et WebP à des dimensions exactes en pixels ou en pourcentage, avec verrouillage facultatif des proportions.

Rechercher des outils