Outil gratuit
Convertissez les couleurs HEX, RGB, HSL et CSS instantanément pour vos workflows design et développement.
Essayez HEX, rgb(), hsl() ou un nom CSS comme red.
Couleur Tailwind la plus proche : green-500
Faible contraste sur fond blanc · Ratio de contraste 2.28:1
HEX
#22c55e
RGB
rgb(34, 197, 94)
HSL
hsl(142, 71%, 45%)
HSV
hsv(142, 83%, 77%)
CMYK
cmyk(83%, 0%, 52%, 23%)
Correspondance Tailwind
green-500 · #22c55e
Variable CSS
--primary-color: #22c55e;
Couleur CSS
color: #22c55e;
Optimisé pour les workflows CSS et Tailwind
Prêt pour le développement web
Conversion instantanée dans le navigateur
Aperçu
#22c55e
Besoin de factures pros pour votre activité ? Créez des factures gratuites avec Invoicey.
Workflow
Trois étapes rapides des entrées au résultat utilisable dans vos outils.
Étape 1
Saisir ou choisir une couleur
Étape 2
Convertir instantanément
Étape 3
Copier le format souhaité
Pourquoi les équipes l'utilisent
Overview
This tool parses common web color inputs — including HEX codes, rgb()/rgba(), hsl()/hsla(), and CSS named colors — then normalizes them and shows equivalent values in multiple formats. A large preview updates as you type so you can judge the color visually in one glance, without opening a full graphics suite.
Different tools and codebases prefer different representations. Designers often think in HEX or HSL for quick tweaks, while components and APIs may consume rgb() values. Converting instantly avoids mental math, reduces copy-paste errors, and keeps CSS variables and design tokens aligned across Figma notes, Tailwind configs, and production stylesheets.
For Tailwind projects, the closest default palette token can speed up class selection. The CSS variable line formats a ready-to-paste custom property such as --primary-color, which fits modern theming and component libraries. These outputs are optional helpers; you can still copy raw HEX or rgb() when that is what your stack needs.
Réponses
Oui. Il s'exécute dans votre navigateur et ne nécessite pas d'inscription.
HEX, rgb/rgba, hsl/hsla, sorties HSV et CMYK, variables CSS et noms CSS courants.
Oui. Collez une valeur rgb() et copiez le champ HEX immédiatement.
Oui. Entrez hsl() ou hsla() — tous les autres formats se mettent à jour automatiquement.
Oui. Chaque format propose une action de copie en un clic.
Découvrir plus
Un autre utilitaire gratuit du même niveau, sans mur d'inscription.
