Couleur et palette

Récupérez la couleur de n’importe quel point et la palette dominante

Aucune base de données : AIMRAN ne conserve ni vos fichiers, ni vos textes, ni vos résultats

Qu’est-ce que Couleur et palette ?

Si la couleur d’une photo, d’un logo ou d’une capture vous plaît et que vous voulez l’utiliser dans votre design, cet outil vous donne son code exact. Vous passez la souris ou le doigt sur l’image, une loupe vous montre les pixels et un clic enregistre la couleur.

Il calcule aussi automatiquement la palette des couleurs principales de l’image, classées par présence, pour que vous disposiez d’une combinaison cohérente prête pour votre site, votre présentation ou votre marque.

Mode d’emploi

  1. Glissez l’image dont vous voulez récupérer les couleurs.
  2. Passez le curseur dessus et aidez-vous de la loupe pour viser avec précision.
  3. Cliquez pour enregistrer la couleur dans votre liste et copiez son code HEX, RGB ou HSL.
  4. Consultez la palette dominante et choisissez le nombre de couleurs (de 5 à 12).
  5. Exportez la palette en variables CSS ou en JSON.

Avantages

Détails techniques

La pipette lit la valeur RGB du pixel sous le curseur sur l’image d’origine et affiche une loupe de 11 × 11 pixels. Jusqu’à 24 couleurs peuvent être enregistrées, sans doublons, en HEX, rgb() et hsl(). La palette dominante est calculée par k-means sur une copie réduite à 160 px, avec une initialisation déterministe de type k-means++ (elle part de la couleur moyenne et ajoute les couleurs les plus éloignées), en ignorant les pixels transparents ; le résultat est trié selon le pourcentage de pixels de chaque groupe. L’export génère des propriétés personnalisées CSS ou un JSON avec les codes. Accepte les images jusqu’à 50 Mo, HEIC compris.

Questions fréquentes

Comment connaître le code d’une couleur d’une image ?

Importez l’image, passez le curseur sur la couleur et vous verrez son code HEX, RGB et HSL. Cliquez pour l’enregistrer et la copier.

Comment extraire la palette de couleurs d’une photo ?

La palette dominante se calcule toute seule au chargement de l’image. Choisissez entre 5 et 12 couleurs avec le curseur et exportez-la en CSS ou JSON.

Quelle différence entre HEX, RGB et HSL ?

Ce sont des façons différentes d’écrire la même couleur. Le HEX est le plus courant en web design, le RGB indique le rouge, le vert et le bleu, et le HSL la teinte, la saturation et la luminosité.

Est-ce que ça fonctionne sur mobile ?

Oui. Faites glisser le doigt sur l’image pour voir la couleur et touchez pour l’enregistrer.

Plus d’outils : Image