Tous les articles seront prochainement mis à jour.

Comment trouver le code html d’une couleur ?

Bonjour, Aujourd’hui, on va parler couleur ! Il arrive parfois qu’on tombe sur une photo, une image, un site internet, bref un fichier où on voit une super couleur ! Tellement belle qu’on aimerait la garder, la mettre de côté pour en faire quelque chose avec… Mais impossible de la « prendre », de la récupérer ! Aujourd’hui, j’ai une solution pour vous ! La méthode que je vous propose est une méthode très simple, pour ceux qui n’y connaissent pas grand chose, parce que bien entendu les professionnels utilisent des logiciels spécialisés pour ça ! Revenons à nos moutons ! Par exemple, je suis tombé sur cette photo de jolis macarons. Et j’aimerais bien récupérer la couleur rose foncé assez flashy !

large (1)

Pour cela, je vais enregistrer la photo dans mes documents. Si vous ne pouvez pas enregistrer le fichier, parce que c’est une vidéo ou un site internet, par exemple, il suffit de faire une capture d’écran.

Ensuite, j’ouvre cette photo sous Paint. Et je cliques sur la couleur avec l’outil « Sélecteur de couleur ».

001 - Copie

Et on voit la couleur sélectionnée s’afficher.

002 - Copie

Pour récupérer les informations correspondant à la couleur, on clique sur Modifier les couleurs, à la droite de la palette de couleurs. Et on obtient une fenêtre avec une espèce de « coordonnées » de couleurs.

003

Mais ces coordonnées, on ne peut pas toujours les utiliser ! Par exemple, dans Blogger ou WordPress, ce qu’il faut c’est un code Html.

Donc, à partir de ces coordonnées, on va pouvoir récupérer le code html de notre couleur. Pour cela, voici un site internet qui se nomme HTML Color Code, et qui nous permet justement de convertir nos coordonnées en code html et inversement ! Voici à quoi ça ressemble :

004

Pour avoir le code html de notre couleur, il faut seulement remplir les cases correspondantes à Rouge, Vert et Bleu. Le reste (Saturation, Luminosité, Teinte), on n’y touche pas !

006 - Copie

Et voilà, j’obtient le code html de ma couleur : #D263B2.

J’espère que ce petit tuto vous aura plu ! Si vous en voulez d’autres, n’hésitez pas à me le dire en commentaire ! 😀

MinaSignature

5 Comments on Comment trouver le code html d’une couleur ?

  1. Clémence
    26 février 2014 at 17:57 (4 années ago)

    C’est très utile (surtout pour moi !). Pourras-tu faire un article sur la personnalisation de la barre de catégories (comment mettre des petits coeur aux extrémités, etc) ? Enfin, c’est une idée ;). N’hésite pas à passer sur mon blog et à laisser un commentaire :).

    Clémence. xx
    fille-au-foyer.blogspot.com

    Répondre
    • Mina
      26 février 2014 at 18:03 (4 années ago)

      Oui, pourquoi pas ! C’est une bonne idée !

      Répondre
  2. liferunaway
    15 avril 2014 at 15:29 (3 années ago)

    Aah merci beaucoup pour ce tuto, il va m’être très utile!

    Répondre
  3. tada
    12 octobre 2015 at 15:47 (2 années ago)

    Super sympa le blog, c’est bien expliqué et c’est pas trop long 🙂

    Répondre

Laisser un commentaire

© Copyright GirlyBlog 2017 - Tous droits réservés.