Convertisseur de Couleur

Outil gratuit en ligne convert between color formats instantly. free online color converter supports hex, rgb, hsl, hsv, cmyk, and named colors. get color previews and accessibility info. no sign-up.

Cet outil vous a-t-il aidé ?

Qu'est-ce que Convertisseur de Couleur ?

Un convertisseur de couleurs transforme les couleurs entre les modèles de couleur HEX, RGB et HSL. Essentiel pour les développeurs web et les concepteurs qui travaillent avec CSS, des outils de conception et la théorie des couleurs. Comprend un aperçu en direct.

Quand Utiliser Cette Calculatrice

Lorsque vous convertissez des spécifications de couleurs Figma/Sketch en valeurs CSS
Lorsque vous construisez un système de design avec des couleurs cohérentes
Lorsque vous créez des palettes avec HSL pour maintenir saturation/luminosité
Lorsque vous vérifiez le contraste pour l'accessibilité WCAG
Lorsque vous convertissez des couleurs legacy pour la cohérence
Lorsque vous déboguez des problèmes de couleurs CSS

Étapes:

Enter your input in the field above.
Configure any available options to customize the output.
View the results instantly with real-time updates.
Copy or export your results for use in your projects.

Formule

HEX → RGB: split #RRGGBB into decimal valeurs RGB → HSL: normalize RGB → find hue/saturation/lightness HSL → RGB: convertir via chroma formules HEX: #RRGGBB (0-255 each) RGB: rgb(R, G, B) (0-255) HSL: hsl(H°, S%, L%) (H: 0-360, S/L: 0-100)

Cas d'utilisation

convertiring CSS couleur valeurs
Creating couleur schemes from base couleurs
correspondanceing design system couleurs
Comprendre les relations de couleur grâce à HSL

Avantages Clés

Get accurate results instantly in your browser.
Save time with real-time calculations as you type.
No data leaves your device - complete privacy.
Free to use on any device, no sign-up required.

Conseils de Pro

utilisation HSL for intuitive couleur adjustments
utilisation HEX for CSS compatibility
utilisation the preview to verify votre couleur before avec it
Keep a reference of courant couleur conversions

Erreurs Courantes à Éviter

Oublier le préfixe # pour les couleurs hexadécimales
avec RGB valeurs above 255 or below 0
Confusion entre la plage de teinte HSL (0-360) et RVB (0-255)

Termes Clés Expliqués

HEX : représentation RVB hexadécimale
RGB: Red Green Blue couleur modèle
HSL : modèle Teinte, Saturation, Luminosité
couleur space: Mathematical modèle for couleurs

Concepts connexes

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

Exemple

entrée: #FF5733 (HEX) → RGB: rgb(255, 87, 51) → HSL: hsl(11, 100%, 60%). entrée: hsl(200, 50%, 50%) → RGB: rgb(64, 149, 191) → HEX: #4095BF.

Interprétation de vos résultats

Le convertisseur supporte trois formats et montre les valeurs équivalentes simultanément. HEX est le plus courant en web. RGB donne le contrôle direct des canaux. HSL est le plus intuitif. L'indicateur de contraste montre si la combinaison foreground/background respecte les standards WCAG. AA nécessite au moins 4.5:1 pour le texte normal.

Questions fréquentes

Outils connexes

Explorer plus d'outils

Calculateur de ratio d'aspect

Calculateur de bande passante

Calculateur de temps de téléchargement

Calculateur de coûts d'hébergement cloud

Calculateur de coût CDN

Calculateur de monétisation API

Quand Utiliser Cette Calculatrice

Lorsque vous convertissez des spécifications de couleurs Figma/Sketch en valeurs CSS

Lorsque vous construisez un système de design avec des couleurs cohérentes

Lorsque vous créez des palettes avec HSL pour maintenir saturation/luminosité

Lorsque vous vérifiez le contraste pour l'accessibilité WCAG

Lorsque vous convertissez des couleurs legacy pour la cohérence

Lorsque vous déboguez des problèmes de couleurs CSS

Interprétation de vos résultats