Convertisseur RGB en HSB
Obtenez la teinte, la saturation et la luminosité d’une couleur RGB pour les saisir dans Photoshop, Figma ou Sketch.
Saisie rgb
Résultat · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Mode d’emploi: RGB en HSB
- 1
Saisissez une couleur
Tapez un code couleur ou choisissez une couleur avec le sélecteur : chaque champ accepte le format qu’il affiche.
- 2
Voyez la conversion
Le résultat se met à jour instantanément pendant la saisie, avec un aperçu en direct de la couleur.
- 3
Copiez le code
Copiez la valeur dont vous avez besoin en un clic et collez-la dans votre design, votre CSS ou vos paramètres d’impression.
Ce que signifie HSB
HSB signifie hue, saturation, brightness, soit teinte, saturation et luminosité. C’est le même modèle que le HSV — seul le nom de la troisième composante change — et c’est le nom qu’utilisent Adobe Photoshop, Illustrator, Figma et Sketch dans leurs sélecteurs de couleur. La teinte est exprimée en degrés de 0 à 360, la saturation et la luminosité en pourcentage.
Convertissez du RGB en HSB lorsque vous disposez de valeurs de canaux issues d’une capture d’écran, d’un site web ou d’un cahier des charges et que vous voulez saisir la couleur dans un logiciel de design qui fonctionne en HSB, ou pour mieux comprendre une couleur : une faible saturation indique un ton grisâtre, une faible luminosité un ton sombre. Par exemple, rgb(255, 61, 114) devient hsb(344, 76%, 100%). L’outil affiche aussi les valeurs HEX, HSL, HSV et CMYK de la même couleur, chacune avec un bouton de copie.
Tout fonctionne localement dans votre navigateur : vos images ne sont jamais envoyées sur un serveur.