Convertisseur HEX vers RGB

Convertir les couleurs HEX et hexadécimales en RGB

Utilisez ce convertisseur HEX vers RGB lorsqu'un design vous fournit un code couleur hexadécimal mais que votre flux de travail CSS, JavaScript, canvas ou graphique nécessite les canaux rouge, vert et bleu. Saisissez une valeur HEX à 3, 4, 6 ou 8 chiffres et la conversion de la couleur hexadécimale en RGB apparaît instantanément. L'alpha est conservé lorsque le code inclut de la transparence. Par exemple, #ff8c42 se convertit en rgb(255, 140, 66) et hsl(23, 100%, 63%).

Comment utiliser ce convertisseur HEX

1. Saisissez une couleur HEX, RGB(A) ou HSL(A), ou choisissez une couleur visuellement.
2. Modifiez n'importe quel champ ; les valeurs HEX, RGB, HSL, alpha, l'aperçu et le résultat du contraste restent synchronisés.
3. Copiez une valeur, la propriété personnalisée CSS, tous les formats ou un lien de partage.

Puisque chaque format est modifiable, la page fonctionne également comme un convertisseur RGB lorsque vous commencez avec rgb() ou rgba(). Utilisez-la comme un convertisseur de code hexadécimal pour les extraits CSS ou comme un convertisseur de code couleur plus général lors du transfert de valeurs entre les outils de design et de développement.

Convertir HEX en HSL sans perdre la transparence

HSL décrit la même couleur par la teinte, la saturation et la luminosité, ce qui peut être plus facile à ajuster que les canaux RGB individuels. Le résultat de la conversion HEX vers HSL conserve l'alpha de l'entrée #RGBA ou #RRGGBBAA et produit du HSLA lorsque la transparence est inférieure à 100 %. La modification de HSL met à jour les valeurs HEX et RGB correspondantes à partir du même état de couleur, évitant ainsi la dérive de conversion entre les champs.

HEX, RGB et HSL : quel format utiliser ?

Le format HEX est compact et courant dans les variables CSS et les spécifications de design. RGB expose les canaux individuels rouge, vert et bleu pour JavaScript, canvas et les API graphiques. HSL est pratique pour ajuster la teinte, la saturation ou la luminosité. Ces formats décrivent la même couleur en utilisant une notation différente, bien que les nombres affichés puissent légèrement différer en raison de l'arrondi.

Comment fonctionnent les codes couleur hexadécimaux

Un code couleur hexadécimal est la manière compacte d'écrire le RGB en programmation : deux chiffres hexadécimaux par canal, de 00 à FF (0 à 255 en décimal), ainsi #FF8C42 correspond à FF pour le rouge, 8C pour le vert et 42 pour le bleu. Les valeurs hexadécimales utilisent les chiffres de 0 à 9 et les lettres de A à F, les nombres hexadécimaux sont insensibles à la casse, et les couleurs en hexadécimal peuvent également comporter une quatrième paire pour l'alpha. Un petit tableau hexadécimal aide à la lecture du RGB en hexadécimal : #000000 est le noir, #FFFFFF le blanc, #FF0000 le rouge, #00FF00 le vert, #0000FF le bleu, et #808080 le gris moyen. Le convertisseur affiche le code hexadécimal, le code couleur RGB et le HSL côte à côte, de sorte que la conversion de couleur RGB vers hex et hex vers RGB ne nécessite aucune table de correspondance.

Vérifier le contraste du texte avant d'utiliser une couleur

L'aperçu compare la couleur de premier plan sélectionnée avec un arrière-plan et indique leur rapport de contraste après composition alpha. Utilisez-le comme une vérification rapide lors de la conversion d'une couleur, et non comme un audit d'accessibilité complet : la taille de la police, la graisse, les états d'interaction, les bordures, les icônes, les dégradés et le rendu de la page doivent toujours être examinés. Pour les seuils AAA, de texte agrandi et non textuels avec des alternatives accessibles, ouvrez le vérificateur de contraste de couleurs complet.

Conversion de couleurs privée dans votre navigateur

L'analyse, la conversion, le calcul du contraste et les actions de copie s'effectuent dans cet onglet du navigateur. Aucune couleur n'est téléversée vers une API de conversion et aucune inscription n'est requise. Si vous créez un lien de partage, la couleur sélectionnée est intentionnellement incluse dans ce lien pour permettre de restaurer le même état.

Foire aux questions

Comment convertir une couleur HEX en RGB ?

Saisissez la couleur dans le champ HEX. Les valeurs RGB, HSL, alpha, la variable CSS et l'aperçu correspondants se mettent à jour immédiatement. Par exemple, #ff8c42 se convertit en rgb(255, 140, 66).

Quels formats de couleur HEX sont pris en charge ?

Le convertisseur prend en charge les formats #RGB, #RGBA, #RRGGBB et #RRGGBBAA. Les formes à 4 et 8 chiffres incluent la transparence alpha dans le dernier chiffre ou la dernière paire de chiffres.

Peut-on convertir le RGB ou le HSL en HEX ?

Oui. Modifiez le champ RGB, RGBA, HSL ou HSLA et la valeur HEX équivalente se met à jour automatiquement. Chaque format affiché est dérivé de la même couleur RGBA sous-jacente.

Comment le HEX est-il converti en HSL ?

Le convertisseur résout d'abord la valeur HEX en canaux RGB, puis calcule la teinte, la saturation et la luminosité à partir de la plage des canaux. Seules les valeurs affichées sont arrondies, ce qui maintient tous les champs synchronisés.

Mes codes couleur sont-ils téléversés ou stockés ?

Aucune couleur n'est téléversée vers un service de conversion. La conversion et la copie s'exécutent localement dans votre navigateur. Un lien de partage inclut la couleur sélectionnée dans le lien uniquement lorsque vous en créez un explicitement.

Que signifie RGB dans un code HEX ?

RGB signifie rouge, vert et bleu, les trois canaux de lumière qu'un écran mélange pour afficher une couleur. Un code HEX à six chiffres écrit ces trois mêmes canaux en hexadécimal, à raison de deux chiffres chacun, dans l'ordre rouge-vert-bleu ; un code HEX à huit chiffres ajoute une quatrième paire pour l'alpha (opacité).