Un assistant couleur pour écrire du HTML et du CSS. Saisissez une couleur sous la forme #3498db, rgb(52,152,219), hsl(204,70%,53%) ou un nom CSS comme dodgerblue, et l’onglet Convertir affiche instantanément chaque équivalent, des déclarations CSS prêtes à coller, et une suggestion de premier plan noir ou blanc. L’onglet Nommées liste les 148 mots-clés de couleur CSS, y compris rebeccapurple (recherchables, cliquez pour copier), et Web sûr propose la palette classique de 216 couleurs. Tout s’exécute localement — aucun envoi, aucun serveur. Cet outil est orienté code ; pour le travail de design (palettes, dégradés, contraste, mélanges), voir aussi le Sélecteur de couleurs.
Mode :
Choisissez ou saisissez une couleur — les équivalents et les extraits CSS se mettent à jour en direct.
Couleurs nommées CSS 148 mots-clés (dont rebeccapurple) — cliquez sur un échantillon pour copier son #hex
Palette web sûre 216 couleurs (pas RGB 0/51/102/153/204/255) — cliquez pour copier
Ces couleurs s’affichent sans tramage sur les écrans classiques à 256 couleurs.
Relations entre les formats :#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). La teinte HSL est en degrés (0-360), la saturation et la luminosité en pourcentages. L’alpha (#RRGGBBAA, rgba(), hsla()) est analysé et reporté dans chaque sortie. Les noms de mots-clés CSS sont d’abord recherchés à l’identique ; si aucun mot-clé ne correspond, le plus proche des 148 mots-clés est suggéré comme conseil de design.
Qu’est-ce qu’un code couleur CSS ?
Un code couleur CSS est la recette numérique d’une couleur à l’écran : quelle quantité de lumière rouge, verte et bleue mélanger. Toutes les notations — l’hexadécimal à six chiffres comme #3498db, la forme fonctionnelle rgb(52, 152, 219), hsl(204, 70%, 53%) et les 148 mots-clés prédéfinis — aboutissent à la même valeur sRGB sur 24 bits. L’hexadécimal et rgb() donnent directement les canaux, tandis que hsl() décrit la couleur comme un angle sur le cercle chromatique plus une saturation et une luminosité, ce qui est souvent plus facile à raisonner pour ajuster des nuances.
256 niveaux par canal donnent 16 777 216 couleurs adressables ; les formes à 8 chiffres (#RRGGBBAA, rgba(), hsla()) ajoutent simplement une valeur d’alpha (opacité) à la même couleur.
