Codes Couleur HTML
Signaler un bug Pour un ordinateur, une couleur n'est qu'une série de chiffres mathématiques. En conception web (HTML/CSS), il existe plusieurs "langues" pour décrire une teinte : le célèbre Code Hexadécimal (commençant par #), le RGB (Mélange de lumières) ou le HSL (Teinte, Saturation, Lumière).
Notre Nuancier HTML (Color Picker) vous permet de naviguer visuellement dans le spectre des couleurs et d'obtenir instantanément le code correspondant à copier-coller dans votre code source.
🎨 Comprendre les 3 Formats Principaux
Chaque format a son utilité spécifique en développement web :
Le standard du web. Une base 16 (0-9 et A-F) qui combine Rouge, Vert et Bleu. Compact et universel.
2. RGB (Red, Green, Blue) : rgb(255, 87, 51)
Indique l'intensité de chaque canal de 0 à 255. Intuitif pour comprendre le mélange de lumière.
3. HSL (Hue, Saturation, Lightness) : hsl(14, 100%, 60%)
Le préféré des designers modernes. Il est plus facile de modifier la luminosité ou la saturation sans changer la teinte.
Tableau de Conversion (Exemples Populaires)
Voici comment une même couleur s'écrit dans les différents langages du web :
| Nom de la Couleur | Aperçu | Code HEX | Code RGB |
|---|---|---|---|
| Rouge Pur | #FF0000 | rgb(255, 0, 0) | |
| Bleu Roi | #4169E1 | rgb(65, 105, 225) | |
| Blanc (Lumière) | #FFFFFF | rgb(255, 255, 255) | |
| Noir (Absence) | #000000 | rgb(0, 0, 0) |
💡 Astuce Transparence : Le code HEX classique ne gère pas la transparence. Pour cela, utilisez le RGBA (le 'A' signifie Alpha).
Exemple : rgba(255, 0, 0, 0.5) donnera un rouge à 50% de transparence.
Questions Fréquemment Posées (FAQ)
Les noms de couleurs HTML (comme "Blue", "Red", "CornflowerBlue") sont limités à 140 choix. Le code HEX permet de définir plus de 16 millions de nuances distinctes, vous offrant une précision totale.
Quelle est la différence entre RGB et CMJN (CMYK) ?Le RGB (Écrans) est additif (lumière). Le CMJN (Imprimerie) est soustractif (encre). Attention : N'utilisez jamais de codes RGB pour un fichier destiné à l'impression, les couleurs seront ternes sur papier. Convertissez-les d'abord.
Comment trouver le code couleur d'une image ?Vous pouvez utiliser des outils appelés "Pipette" (Eyedropper) disponibles dans Photoshop ou comme extensions de navigateur (Chrome/Firefox) pour prélever le code HEX exact de n'importe quel pixel sur une image.
Qu'est-ce qu'une couleur "Web Safe" ?C'est un concept ancien des années 90, quand les écrans ne pouvaient afficher que 256 couleurs. Aujourd'hui, avec les écrans modernes (Retina, OLED), vous n'avez plus besoin de vous limiter aux couleurs "Web Safe".
Que signifient les deux derniers chiffres d'un code Hex à 8 chiffres ?Parfois vous verrez un code comme #FF000080. Les deux derniers chiffres (80) représentent le canal Alpha (transparence) en hexadécimal. C'est le format Hex avec transparence, supporté par les navigateurs récents.
