J’ai consulté récemment le site en ligne Paletton pour réétudier certaines harmonisations de couleurs dans le cadre de ma pratique picturale personnelle. A la suite de cette recherche, je me suis dit qu’il serait intéressant de faire connaître cet outil aux personnes qui sont dans une phase de recherche de couleurs pour un site web.
Paletton est un outil très pointu et aux multiples fonctionnalités. Concernant la recherche de codes couleurs pour un site web, il peut être utilisé assez simplement. Il suffit de savoir manier quelques fonctions de base.
Voici la page accueil qui se décompose en 2 parties, à gauche une roue de couleurs et à droite un carré rempli d’une couleur rouge désaturée.
En haut, à gauche des icones rondes qui permettent d’agir sur le nombre de couleurs affichées dans le carré de droite.
Dans la roue de couleur, un curseur en forme de point permet de choisir une couleur de base en cliquant dessus et en le faisant glisser.
On peut désaturer la couleur primaire choisie en cliquant sur le point placé au centre de la roue et en le faisant glisser vers le bord. Voilà le résultat dans le carré de droite :
Si vous voulez expérimenter l’harmonisation de plusieurs couleurs analogues ou complémentaires à 3 ou 4 couleurs, vous devez agir sur les icônes arrondies citées plus haut.
Couleurs analogues :
Couleurs complémentaires, triade
Couleurs complémentaires, tétrade
Avec le point-curseur de la roue, vous pouvez saturer ou
désaturer vos harmonies de couleurs. Et cela donne ce résultat :
Pour tester votre choix de couleurs de manière simplifiée sur la page accueil d’un site fictif, vous cliquez sur l’onglet EXEMPLE en bas à droite. Vos couleurs sont traduites instantanément, réparties dans la bannière, les onglets de menu, les liens cliquables et les titres.
En haut à droite vous avez d’autres possibilités de visualisation, comme le fond noir ou des images qui peuvent vous servir de fond de pieds de page…un peut gadget à mon sens…
Un dernier exemple avec une triade de couleur adjacentes :
