ESC

Convertisseur de Couleurs

%

Aperçu de la Couleur

Sortie CSS

HEX #FF5733
rgb() rgb(255, 87, 51)
hsl() hsl(11, 100%, 60%)
rgba() rgba(255, 87, 51, 1)
hsla() hsla(11, 100%, 60%, 1)
Tout le traitement se fait dans votre navigateur. Aucune donnée n'est envoyée à un serveur.

Exemples d'Utilisation

Couleur de Design Web

Convertissez une couleur de design web populaire de HEX vers les formats RGB et HSL pour l'utilisation CSS.

Couleur de Marque

Convertissez une couleur de marque dans tous les formats CSS avec transparence alpha pour les superpositions.

Palette Pastel

Explorez une couleur pastel douce et voyez ses valeurs dans tous les formats de couleur.

Fonctionnalités

Conversion Bidirectionnelle

Convertissez instantanément depuis n'importe quel format vers tous les autres — HEX, RGB, HSL, RGBA et HSLA

Aperçu en Direct

Voyez la couleur se mettre à jour en temps réel pendant que vous ajustez les valeurs ou tapez des codes

Support du Canal Alpha

Ajustez l'opacité avec un curseur alpha et obtenez la sortie RGBA et HSLA pour les couleurs transparentes

Confidentialité d'Abord

Toutes les conversions de couleur se font localement dans votre navigateur, aucune donnée envoyée aux serveurs

Comment Utiliser ?

1

Entrez une Couleur

Tapez un code HEX, ajustez les curseurs RGB ou utilisez le sélecteur de couleur pour choisir une couleur.

2

Voyez Tous les Formats

Tous les formats de couleur (HEX, RGB, HSL, RGBA, HSLA) se mettent à jour automatiquement en temps réel.

3

Copiez le Code CSS

Cliquez sur n'importe quel bouton copier pour copier la valeur de couleur dans votre format préféré.

Questions fréquemment posées

Cinq formats CSS : HEX (#RRGGBB ou abréviation #RGB), RGB (rgb(255,87,51)), HSL (hsl(14,100%,60%)), RGBA (rgb avec canal alpha rgba(255,87,51,0.5)) et HSLA (hsl avec alpha). Tapez dans n'importe quel champ ou utilisez le sélecteur de couleur et les cinq se mettent à jour instantanément.

HEX est un code hexadécimal à 6 chiffres le plus couramment vu en conception web (#FF5733). RGB décompose la couleur en composantes Rouge, Vert, Bleu (0-255 chacune) — le format naturel pour les écrans. HSL utilise la Teinte (0-360 degrés sur la roue chromatique), la Saturation (0-100%) et la Luminosité (0-100%), plus intuitif pour ajuster les nuances d'une couleur.

Le curseur alpha contrôle la transparence de 0 (complètement transparent) à 1 (complètement opaque). Quand l'alpha est inférieur à 1, l'outil génère RGBA et HSLA à la place de RGB/HSL simples. Ce sont les formats CSS pour les fonds, superpositions et couleurs de texte transparents ou semi-transparents.

Le HEX à trois chiffres (#F53) est l'abréviation de six chiffres (#FF5533) où chaque chiffre est doublé. Tapez le code à 3 chiffres directement — le convertisseur le gère automatiquement. La sortie affiche toujours la forme complète à 6 chiffres.

HSL est mieux pour générer des palettes de couleurs et des variations. Pour éclaircir une couleur, augmentez la valeur de Luminosité. Pour désaturer, diminuez la Saturation. Pour changer la teinte, modifiez la valeur H. RGB n'a pas ces relations intuitives, c'est pourquoi HSL est le format préféré pour le thème dynamique et les propriétés CSS personnalisées.

Oui. Cliquez sur le bouton sélecteur de couleur pour ouvrir le sélecteur de couleur natif du navigateur. Certains navigateurs (Chrome, Edge) prennent en charge une fonction pipette pouvant prélever n'importe quel pixel de votre écran. La prise en charge dépend de votre version de navigateur.

La section de sortie CSS affiche des déclarations de couleur CSS prêtes à coller pour chaque format : background-color: #FF5733; ou color: rgb(255, 87, 51); etc. Cliquez sur n'importe quel bouton copier à côté pour copier la ligne CSS exacte dans votre presse-papiers.

Non. Tous les calculs de couleur s'exécutent localement dans votre navigateur via JavaScript. Aucune valeur de couleur, image ni aucune donnée n'est envoyée à un serveur.

Qu'est-ce que le Convertisseur HEX vers RGB ?

Collez un code hex, faites glisser les valeurs RGB ou utilisez le sélecteur de couleur -- tous les formats se mettent à jour en temps réel. Prend en charge HEX, RGB, HSL, RGBA et HSLA avec copie en un clic pour chaque format.

Fonctionnalités Clés

Aperçu couleur en direct, sélecteur de couleur natif, contrôle alpha/opacité, conversion instantanée entre tous les formats CSS de couleur, extraits de code CSS prêts à utiliser.

Cas d'Utilisation

Design web quand vous avez un code hex mais avez besoin de valeurs RGB, ajuster la transparence pour les superpositions, trouver des équivalents HSL pour la manipulation de couleur, ou simplement explorer les couleurs visuellement.

Conseils

HSL est plus intuitif que RGB pour ajuster les couleurs -- la Teinte définit la couleur, la Saturation l'intensité, la Luminosité la brillance. Le canal alpha va de 0 (transparent) à 1 (opaque).

Confidentialité

Tous les calculs de couleur se font dans votre navigateur. Aucune donnée n'est envoyée nulle part.

Sécurité et Confidentialité

La sécurité de vos données est notre priorité

Traitement Local

Tout le traitement se fait dans votre navigateur

Aucun Transfert de Données

Vos données ne sont pas envoyées à nos serveurs

Aucun Stockage de Données

Aucune donnée n'est stockée ou partagée

Chiffrement SSL

Chiffrement SSL pour une connexion sécurisée

Étape Suivante

Aussi sur MoreOnlineTools