Convertisseur de codes couleur

Tous les outils

Convertissez des couleurs entre HEX, RGB, RGBA, HSL, HSLA, HSV et CMYK — choisissez une couleur, ajustez l’alpha et copiez n’importe quel format instantanément.

#FFFFFF
Canaux
R
G
B
Formats de couleur

Saisissez n'importe quelle valeur HEX, RGB(A) ou HSL(A) et tous les autres formats se mettent à jour instantanément.

Palette rapide

Guide des formats de couleur

HEX est un code hexadécimal à 6 chiffres comme #3B82F6 qui stocke les canaux rouge, vert et bleu (00–FF chacun). C’est la façon la plus courante de définir des couleurs en HTML et CSS.

Un HEX à 8 chiffres comme #3B82F6CC ajoute une dernière paire de chiffres pour l’opacité (alpha). Utilisez-le pour des couleurs transparentes en CSS moderne sans valeur rgba() séparée.

RGB définit une couleur par des valeurs rouge, vert et bleu de 0 à 255, par ex. rgb(59, 130, 246). Il correspond à la façon dont les écrans émettent la lumière et convient au web et au design numérique.

RGBA est le RGB avec un canal alpha de 0 (transparent) à 1 (opaque), par ex. rgba(59, 130, 246, 0.5). Utilisez-le pour les superpositions, les ombres et les effets au survol.

HSL décrit une couleur par teinte (0–360°), saturation et luminosité, par ex. hsl(217, 91%, 60%). Il est intuitif pour ajuster les couleurs et créer des palettes à la main.

HSLA est le HSL avec un canal alpha pour l’opacité, par ex. hsla(217, 91%, 60%, 0.5). Il allie la lisibilité du HSL au contrôle de la transparence.

HSV, aussi appelé HSB, utilise la teinte, la saturation et la valeur (luminosité), par ex. hsv(217, 76%, 96%). C’est le modèle des sélecteurs de couleur de la plupart des logiciels de design.

CMYK est un modèle soustractif de pourcentages de cyan, magenta, jaune et noir (key), par ex. cmyk(76%, 47%, 0%, 4%). C’est le standard de l’impression : vérifiez les couleurs critiques avec le profil de votre imprimeur.

Utilisez HEX ou RGB pour le web, et ajoutez l’alpha (RGBA, HSLA ou HEX à 8 chiffres) pour la transparence. Préférez HSL ou HSV pour concevoir des palettes, et CMYK pour préparer des fichiers à imprimer.
Partager
Outils similaires
Recherche de couleur nommée Trouvez la couleur CSS nommée la plus proche et la nuance Tailwind la plus proche pour n'importe quelle couleur — correspondance perceptuelle, valeurs prêtes à copier. Gratuit
Pipette d'écran Échantillonnez n'importe quel pixel de votre écran avec la pipette, ou prélevez des couleurs depuis une image déposée, et regroupez-les en une palette prête à copier. Gratuit
Recherche de couleurs Pantone Recherchez n'importe quel code Pantone solid-coated pour lire ses valeurs HEX, RGB et CMYK, ou saisissez une couleur HEX/RGB et trouvez instantanément la correspondance Pantone la plus proche, le tout dans votre navigateur. Gratuit
Simulateur de daltonisme Voyez votre image ou votre palette comme les personnes atteintes de protanopie, deutéranopie, tritanopie ou achromatopsie — tout s'exécute dans votre navigateur, rien n'est téléversé. Gratuit
Exportateur de palette Collez ou importez un ensemble de couleurs et exportez-les instantanément en variables CSS, SCSS, configuration Tailwind, JSON ou échantillons SVG — l'étape finale de toute palette. Gratuit
Générateur de nuances de couleur Générez une gamme complète de teintes claires et foncées à partir d'une seule couleur — choisissez votre pas d'éclaircissement/assombrissement et le nombre de nuances, puis copiez n'importe quelle valeur instantanément. Gratuit
Recherches populaires
convertisseur de code couleur hex vers rgb rgb vers hex hex vers hsl convertir les formats de couleur convertisseur de couleur en ligne
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web — copiez-collez le code ci-dessous.