Aller au contenu

Convertisseur de Couleurs

Convertissez les couleurs entre les formats HEX, RGB et HSL avec aperçu en direct.

#
#FF5733

Aperçu de la Couleur

Résultats de Conversion

HEX
#FF5733
RGB
rgb(255, 87, 51)
HSL
hsl(11, 100%, 60%)
CMYK
cmyk(0%, 66%, 80%, 0%)

Convertisseur de Couleurs Gratuit – Convertissez entre les Formats HEX, RGB et HSL

La représentation des couleurs en design numérique utilise plusieurs formats. Les codes HEX sont le standard web, RGB est utilisé pour les écrans et la programmation, et HSL offre une façon intuitive de décrire les couleurs par teinte, saturation et luminosité.

Les couleurs HEX (hexadécimales) utilisent un code à 6 chiffres précédé du symbole dièse, comme #FF5733. Chaque paire de chiffres représente les canaux rouge, vert et bleu respectivement, avec des valeurs de 00 (0) à FF (255).

RGB (Rouge, Vert, Bleu) définit les couleurs en spécifiant l'intensité de chaque canal primaire sur une échelle de 0 à 255. Le format rgb(255, 87, 51) représente la même couleur que #FF5733.

HSL (Teinte, Saturation, Luminosité) décrit les couleurs de manière plus intuitive. La teinte est l'angle sur le cercle chromatique (0-360 degrés), la saturation est l'intensité (0-100%) et la luminosité indique à quel point la couleur est claire ou foncée.

FAQ

Partager
SponsoriséPublicité

Le design professionnel simplifié avec Canva

Créez des logos, publications sociales, présentations et plus avec un simple glisser-déposer.

FAQ

Quelle est la différence entre HEX et RGB ?+
HEX et RGB représentent le même modèle de couleur mais avec une notation différente. HEX utilise des chiffres hexadécimaux (00-FF), tandis que RGB utilise des nombres décimaux (0-255). #FF5733 en HEX équivaut à rgb(255, 87, 51) en RGB.
Pourquoi HSL est-il utile pour les designers ?+
HSL est intuitif car il sépare l'identité de la couleur (teinte) de ses propriétés (saturation et luminosité). Pour assombrir une couleur, diminuez la luminosité. Pour trouver le complémentaire, ajoutez 180 à la teinte.
Comment trouver la couleur complémentaire ?+
En HSL, la couleur complémentaire se trouve en ajoutant 180 degrés à la valeur de teinte. Par exemple, si la couleur a une teinte de 11 degrés, la complémentaire a une teinte de 191 degrés.
Puis-je utiliser ces formats en CSS ?+
Oui, les trois formats fonctionnent en CSS. HEX : color: #FF5733; RGB : color: rgb(255, 87, 51); HSL : color: hsl(11, 100%, 60%).
Qu'est-ce que le cercle chromatique ?+
Le cercle chromatique organise les couleurs en cercle selon leur teinte : 0/360 degrés est rouge, 60 est jaune, 120 est vert, 180 est cyan, 240 est bleu et 300 est magenta.

Outils les plus populaires