Quels formats d'entrée sont acceptés ?

HEX (3 ou 6 chiffres, avec ou sans #), rgb()/rgba(), et hsl()/hsla().

Quelle est la différence avec un convertisseur de couleurs basique ?

Cet outil se concentre sur la sortie développeur — code prêt à coller pour CSS, SwiftUI, Android et Flutter, ainsi que HSV et CMJN.

Le CMJN est-il précis pour l'impression ?

C'est une conversion mathématique standard. Pour une sortie d'impression exacte, utilisez un profil de gestion des couleurs fourni par votre imprimeur.

Teinte, Saturation, Valeur — un modèle que certains outils de design appellent HSB. Pratique pour sélectionner et ajuster des couleurs.

Ma couleur est-elle envoyée ?

Non. Tout est converti dans votre navigateur et rien ne quitte votre appareil.

Convertisseur de formats de couleur

Couleur

Valeurs

HEX#3498DB

RGB52, 152, 219

HSL204, 70%, 53%

HSV204, 76%, 86%

CMYK76, 31, 0, 14

Extraits de code

CSS hex#3498db

CSS rgb()rgb(52, 152, 219)

CSS hsl()hsl(204, 70%, 53%)

SwiftUIColor(red: 0.204, green: 0.596, blue: 0.859)

Android XML<color name="color">#3498DB</color>

FlutterColor(0xFF3498DB)

Sites externes associés

Certains liens sont des liens d'affiliation.

Adobe ColorUn outil en ligne gratuit pour créer et explorer des palettes de couleurs et des thèmes. Utilisez la roue chromatique pour créer des harmonies, ou extrayez des couleurs d'une image. Les palettes se synchronisent directement avec Creative Cloud.CanvaUne plateforme de design populaire en glisser-déposer pour créer des publications sur les réseaux sociaux, des présentations, des affiches et plus encore. Propose une immense bibliothèque de modèles, photos et graphiques gratuits et premium. Aucune expérience en design requise.

Outils associés

Convertisseur de CouleurConvertissez n'importe quelle couleur entre HEX, RGB, HSL, HSV et RGBA à la fois. Modifiez une valeur, copiez en un clic, avec alpha et contraste WCAG.Générateur de Palette de CouleursGénérez des palettes de couleurs harmonieuses à partir d'un HEX de base avec des schémas complémentaire, analogue, triadique et plus. Verrouillez des couleurs, régénérez le reste et exportez en CSS, Tailwind ou JSON.Extracteur de Couleurs d'ImageExtrayez la palette de couleurs dominantes de n'importe quelle image dans votre navigateur, sans rien envoyer. Obtenez HEX, RGB et pourcentage (%) de chaque couleur, choisissez le nombre et exportez en CSS/JSON.Convertisseur d’Unités CSSConvertissez entre px, rem, em, pt et % pour CSS, avec tailles de police racine et de base réglables, dans votre navigateur.

Collez une couleur en HEX, RGB ou HSL et ce convertisseur l'affiche dans tous les formats courants — HEX, RGB, HSL, HSV et CMJN — et génère du code prêt à coller pour CSS, SwiftUI, Android et Flutter. Il s'adresse aux développeurs qui ont besoin de la même couleur dans une autre syntaxe. Tout fonctionne dans votre navigateur.

Comment l'utiliser

Collez une couleur au format HEX, rgb() ou hsl().
Consultez les valeurs dans chaque format depuis l'aperçu en direct.
Copiez l'extrait de code pour la plateforme sur laquelle vous travaillez.

Comment ça fonctionne

L'entrée est décomposée en composantes rouge, verte et bleue, quelle que soit la syntaxe utilisée. À partir de ces valeurs, l'outil calcule les autres modèles : HSL et HSV décrivent la teinte, la saturation et la luminosité/valeur, tandis que CMJN est le modèle d'impression cyan-magenta-jaune-noir. Chaque extrait de plateforme est ensuite rédigé dans la syntaxe exacte du langage correspondant, prêt à coller dans votre code.

Fonctionnalités

Cinq modèles de couleur

Consultez HEX, RGB, HSL, HSV et CMJN pour n'importe quelle couleur en même temps.

Code prêt à copier

Obtenez des extraits CSS, SwiftUI, Android XML et Flutter.

Saisie flexible

Accepte HEX (3 ou 6 chiffres), rgb() et hsl().

Privé et instantané

Toute la conversion se fait dans votre navigateur ; rien n'est envoyé.

Quand l'utiliser

Développement web

Passer d'une couleur entre hex, rgb() et hsl() pour le CSS.

Applications mobiles

Obtenir le bon littéral de couleur pour SwiftUI, Android ou Flutter.

Impression

Consulter la décomposition CMJN pour les travaux orientés impression.

Du design au code

Traduire une couleur de design en code exact.

Remarques

HSV est aussi appelé HSB dans certains outils de design.
Le CMJN ici est une conversion mathématique simple, pas un profil de gestion des couleurs.
Les extraits Android et Flutter supposent une couleur entièrement opaque.
Toute la conversion s'effectue sur votre appareil ; rien n'est envoyé.

Foire aux questions

Quels formats d'entrée sont acceptés ?: HEX (3 ou 6 chiffres, avec ou sans #), rgb()/rgba(), et hsl()/hsla().
Quelle est la différence avec un convertisseur de couleurs basique ?: Cet outil se concentre sur la sortie développeur — code prêt à coller pour CSS, SwiftUI, Android et Flutter, ainsi que HSV et CMJN.
Le CMJN est-il précis pour l'impression ?: C'est une conversion mathématique standard. Pour une sortie d'impression exacte, utilisez un profil de gestion des couleurs fourni par votre imprimeur.
Qu'est-ce que HSV ?: Teinte, Saturation, Valeur — un modèle que certains outils de design appellent HSB. Pratique pour sélectionner et ajuster des couleurs.
Ma couleur est-elle envoyée ?: Non. Tout est converti dans votre navigateur et rien ne quitte votre appareil.