Convertisseur de couleurs
Le convertisseur de couleurs gratuit Vivlab traduit instantanément une couleur entre les formats HEX, RGB, HSL et HSV, avec gestion de la transparence (alpha).
Choisissez une couleur avec le sélecteur ou saisissez une valeur : tous les formats se mettent à jour automatiquement.
Couleur actuelle
#483aff
Couleurs prédéfinies
Comprendre les formats de couleur
Tous ces formats décrivent la même couleur, mais d'une manière différente. Voici à quoi correspond chacun.
HEX (hexadécimal)
La notation la plus courante sur le web. Un # suivi de 6 caractères hexadécimaux (0 à 9 puis A à F) : deux pour le rouge, deux pour le vert, deux pour le bleu, par exemple #483AFF. Deux caractères supplémentaires peuvent coder la transparence (#483AFF80). Compacte et idéale en HTML et CSS.
RGB (Rouge, Vert, Bleu)
Décrit une couleur par l'intensité de trois lumières (rouge, vert et bleu), chacune notée de 0 à 255. C'est le modèle des écrans : rgb(72, 58, 255). En ajoutant un canal alpha pour la transparence, on écrit rgba(72, 58, 255, 0.5).
HSL (Teinte, Saturation, Luminosité)
Pensée comme on perçoit une couleur. La teinte (Hue) situe la couleur sur la roue chromatique (0 à 360°), la saturation indique son intensité (0 à 100 %), la luminosité (Lightness) va du noir au blanc (0 à 100 %). Pratique pour éclaircir, assombrir ou désaturer une teinte.
HSV (Teinte, Saturation, Valeur)
Proche du HSL et fréquente dans les logiciels de design. La teinte et la saturation sont identiques, mais la valeur (Value, aussi appelée brightness) remplace la luminosité : à 0 % la couleur est noire, à 100 % elle est la plus vive possible. C'est le modèle de la plupart des sélecteurs de couleur.
Alpha (transparence)
Le canal alpha définit l'opacité de la couleur, de 0 (totalement transparent) à 100 % (totalement opaque). On le retrouve dans rgba(), hsla() et dans le code HEX à 8 caractères.