Nuances de Couleur : Codes Hex, RVB et TSL

Ce que contiennent ces pages

Chaque page de famille liste ses nuances nommées du plus clair au plus foncé, avec un échantillon réel, le nom de la couleur et trois codes prêts à copier : hex pour CSS et les outils de design, RVB pour tout ce qui demande des valeurs par canal, et TSL quand il faut ajuster la luminosité ou la saturation à la main. Cliquer sur un code le copie ; cliquer sur l'échantillon copie le hex.

Les nuances marquées CSS sont des couleurs nommées officielles : le nom fonctionne directement dans une feuille de style et tous les navigateurs le résolvent exactement vers le hex affiché. Les autres sont des noms conventionnels dont les valeurs suivent la convention la plus citée.

Choisir une nuance qui fonctionne

Les couleurs d'une même famille se heurtent rarement : le moyen le plus rapide de bâtir une palette est de prendre une valeur claire, une moyenne et une foncée sur une seule page, puis de n'utiliser une seconde famille que pour les accents. Si la couleur doit passer derrière du texte, prenez-la en haut de liste et vérifiez le contraste ; si elle doit porter un titre ou un bouton, prenez-la au milieu plutôt qu'aux extrêmes.

Surveillez le glissement de teinte aux extrémités de chaque famille. Les rouges les plus foncés ont viré au brun, les jaunes les plus foncés à l'olive et les roses les plus pâles au blanc : deux nuances prises aux deux bouts d'une même page peuvent sembler venir de palettes différentes.

Pourquoi est-ce gratuit ?

FreeToGenerate.com garde tous ses outils vraiment gratuits. Ces pages sont des listes statiques de valeurs affichées dans votre navigateur : rien à installer, aucun compte, aucune version premium retenant la moitié de la palette. Copiez autant de codes que nécessaire, aussi souvent que vous voulez.