Aller au contenu

Générateur de nuanciers

Extraire la palette d’une image, l’ajuster, puis la mettre en page dans un nuancier à imprimer ou à partager.

Le générateur fonctionne dans votre navigateur et nécessite JavaScript. Voici ce qu’il fait et comment il calcule vos teintes.

Ce que fait l’outil

À partir d’une photo (JPEG, PNG ou WebP, 25 Mo au maximum), de codes HEX saisis à la main ou d’une palette venue du Color Lab, il compose un nuancier de 3 à 10 teintes, que vous pouvez corriger puis mettre en page.

  • Éditorial A4 vertical : grand titre, bandes de couleur, codes et noms.
  • Palette 16:9 : 1920 × 1080 px, pour une présentation ou un écran.
  • Carré réseaux : 1080 × 1080 px.
  • Fiche technique : tableau A4 des valeurs HEX, RGB, HSL et de la présence dans l’image.

Exports : image PNG à la taille du gabarit, fichier SVG vectoriel aux textes modifiables, impression A4 ou « Enregistrer au format PDF » depuis la fenêtre d’impression du navigateur.

Comment s’en servir

  1. Déposez une photo, ou partez d’une palette d’exemple ou de vos propres codes HEX.
  2. Choisissez le nombre de teintes : l’extraction est relancée à chaque changement, les teintes verrouillées sont conservées.
  3. Corrigez : code HEX, pipette sur l’image avec loupe, nom libre, ordre (glisser ou boutons), suppression, ajout. Annuler et Rétablir restent disponibles à tout moment.
  4. Choisissez un gabarit, un titre et les étiquettes à afficher, puis exportez.

La méthode d’extraction

L’image est réduite à environ 40 000 pixels ; les pixels transparents sont ignorés. Les couleurs sont regroupées par un algorithme k-means dans l’espace OKLab, où les distances suivent mieux la perception que le RGB. L’initialisation k-means++ utilise un générateur pseudo-aléatoire à graine fixe : la même image donne toujours le même nuancier.

Les teintes trop proches pour être distinguées à l’œil (écart CIEDE2000 inférieur à 6) sont fusionnées, et un accent peu étendu mais franchement différent est préservé plutôt que deux nuances d’un même aplat. La présence indique la part des pixels analysés rattachés à chaque teinte. Si l’image contient moins de teintes distinctes que demandé, l’outil le dit au lieu d’en inventer.

Le nom affiché peut être un nom libre ou, au choix, celui de la teinte de référence du site la plus proche, seulement si l’écart CIEDE2000 reste inférieur à 8.

Confidentialité et limites

Votre image reste sur votre appareil. Lecture, analyse, pipette et exports se font dans votre navigateur ; aucune image n’est envoyée à nos serveurs. Le lien de partage ne contient que les codes couleur et les réglages.

Les codes sont des valeurs d’écran (sRGB). Une couleur relevée sur une photo dépend de la lumière, de l’appareil et de la compression du fichier ; à l’impression ou en peinture, le rendu change encore selon l’encre, le support et l’éclairage. Pour un chantier, comparez toujours avec un échantillon réel.

Tout est calculé dans votre navigateur : rien de ce que vous saisissez ou chargez ici n’est envoyé sur nos serveurs.

Le Générateur de nuanciers extrait les couleurs dominantes d’une image, une photo d’intérieur, un tissu, un paysage, et les met en page sous forme de nuancier à imprimer ou à partager. L’analyse se fait dans votre navigateur : l’image n’est envoyée sur aucun serveur.

Ce que fait le générateur

  • Il lit votre image : déposez-la dans la zone prévue ou choisissez un fichier JPEG, PNG ou WebP. Vous pouvez aussi partir de couleurs saisies à la main, ou d’une palette venue du Color Lab.
  • Il en extrait de trois à dix teintes. L’image est réduite, ses couleurs regroupées par proximité, et les teintes trop semblables fusionnées pour éviter les doublons.
  • Il vous laisse corriger : remplacer une couleur, en supprimer, en ajouter, changer l’ordre.
  • Il met en page le nuancier selon quatre gabarits, avec titre, codes HEX et noms facultatifs. La couleur du texte s’ajuste pour rester lisible sur chaque teinte.
  • Il exporte en PNG, en SVG, ou en PDF par la fonction d’impression du navigateur.
Gabarit Usage
Éditorial vertical (A4) imprimer, joindre à un dossier de projet
Palette horizontale (16:9) présentation, écran, diaporama
Carte carrée publication sur les réseaux sociaux
Fiche technique couleur relevé détaillé des codes de chaque teinte

Mode d’emploi

  1. Déposez une image ou choisissez un fichier.
  2. Réglez le nombre de teintes, de trois à dix.
  3. Corrigez la palette : une teinte qui ne vous parle pas se remplace, un accent manquant s’ajoute.
  4. Donnez un titre, puis choisissez le gabarit et l’orientation.
  5. Affichez ou masquez les codes et les noms.
  6. Exportez en PNG ou en SVG, ou utilisez « Imprimer / PDF » pour obtenir un document.
  7. Pour retoucher une teinte ou construire une harmonie, ouvrez la palette dans le Color Lab avec « Éditer dans le Color Lab ».

Exemples d’usage

Bâtir une pièce autour d’un objet. Un carrelage ancien, un tapis, une toile que vous aimez : sa palette devient le point de départ des murs et des textiles. Vérifiez ensuite la couleur principale sur un mur dans le Simulateur d’ambiance.

Préparer un dossier de projet. Le gabarit A4, avec ses codes, s’ajoute à une planche du Material Lab pour présenter une intention à un client ou à un artisan.

Partager une ambiance. La carte carrée se publie telle quelle ; le format 16:9 s’insère dans une présentation.

Reprendre une palette publiée. Les palettes du Magazine, notamment dans la rubrique Inspirations, proposent un lien « En faire un nuancier ».

Ce que l’outil ne fait pas

  • Il ne mesure pas la couleur des objets. Il lit des pixels : l’éclairage, la balance des blancs de l’appareil photo et la compression du fichier ont déjà transformé les couleurs.
  • Il privilégie les couleurs qui occupent de la surface. Un petit accent vif peut lui échapper : ajoutez-le à la main.
  • Il ne garantit pas le rendu imprimé. L’écran produit ses couleurs par synthèse additive, l’imprimante par synthèse soustractive : les deux ne reproduisent pas le même ensemble de couleurs, et le papier comme le réglage de l’imprimante comptent aussi.
  • Il ne donne pas de recette de peinture ni de correspondance avec le nuancier d’un fabricant. Pour approcher une teinte en peinture, voyez le Mélangeur de couleurs.

Questions fréquentes

Mon image est-elle stockée ou envoyée ?

Non. Elle est analysée par votre navigateur, sur votre appareil, et n’est transmise à aucun serveur.

Pourquoi une couleur extraite paraît-elle plus terne que l’objet ?

L’outil retient des couleurs représentatives de zones entières, ombres comprises. Si une teinte vous semble éteinte, remplacez-la par une version plus vive lors de la correction.

Mon nuancier imprimé aura-t-il exactement les couleurs de l’écran ?

Non. Écran et imprimante ne reproduisent pas les mêmes couleurs. Pour juger d’un rendu imprimé, imprimez un essai sur le papier final.

Combien de teintes choisir ?

Commencez par cinq ou six, puis ajoutez ou retirez des teintes : une palette trop longue se lit mal, une palette trop courte perd les nuances de l’image.

Pour aller plus loin

Sources