Quatre formats synchronisés
Passez naturellement de HEX à RGB, HSL et CMYK sans ressaisir la même couleur ni dépendre de valeurs intermédiaires arrondies.
Outil de design · Gratuit
Sélecteur et convertisseur de couleurs
Passez de HEX à RGB, HSL et CMYK, testez l'accessibilité du contraste et transformez une couleur en palette utile.
Les couleurs restent dans ce navigateur
Couleur en direct
Sélection actuelle
#3159DE
Modifiez n'importe quel modèle de couleur à droite. Toutes les autres valeurs et la palette se mettent à jour immédiatement.
Valeurs de couleur
Modifiez dans le format que vous connaissez.
HEX
#3159DERGB
rgb(49, 89, 222)HSL
hsl(226, 72%, 53%)CMYK
cmyk(78%, 60%, 0%, 13%)Palette harmonieuse
Des couleurs qui s'accordent avec #3159DE.
Échelle de nuances
Vérificateur de contraste
Lisibles ensemble ?
Portez ce vieux whisky
Prévisualisez du texte normal et du grand texte sur le fond sélectionné.
Rapport de contraste
5.81:1
Réussi · AA texteRéussi · AA grandÉchec · AAA texteRéussi · AAA grand
Échantillons enregistrés
Conservés uniquement dans ce navigateur.
Enregistrez des couleurs utiles pour une marque, une interface ou un projet afin d'y accéder rapidement sur cet appareil.
Comment ça marche
Une couleur, toutes ses représentations utiles.
Choisissez le format adapté à votre façon de travailler. Chaque conversion est recalculée à partir de la couleur active, pour des contrôles prévisibles et toujours synchronisés.
- 01
Choisissez ou saisissez une couleur
Utilisez le sélecteur visuel, tapez une valeur HEX ou modifiez séparément les canaux RGB, HSL ou CMYK.
- 02
Utilisez tous les formats
Tous les modèles de couleur restent synchronisés, prêts à être copiés dans du CSS, un logiciel de design, des documents ou une charte graphique.
- 03
Vérifiez et exportez
Testez le contraste du premier plan, explorez couleurs harmonieuses et nuances, enregistrez des échantillons ou exportez la palette en variables CSS.
Conçu pour les choix de design
Conversion, accessibilité et palettes réunies.
Vérification du contraste WCAG 2.2
Mesurez le rapport de contraste exact et consultez les résultats AA et AAA pour le texte normal et le grand texte face à une seconde couleur.
Des palettes prêtes pour le CSS
Explorez les couleurs complémentaires, analogues et triadiques, générez une échelle de nuances, enregistrez des échantillons localement et exportez des variables CSS.
Questions sur les couleurs
Comprenez ce que signifie chaque valeur.
Comment convertir HEX en RGB ?+
Saisissez une couleur HEX de trois ou six caractères. Les valeurs des canaux rouge, vert et bleu se mettent à jour immédiatement, ainsi que HSL et CMYK.
Quelle est la différence entre RGB et CMYK ?+
RGB mélange de la lumière rouge, verte et bleue émise, pour les écrans. CMYK estime les pourcentages d'encre cyan, magenta, jaune et noire pour les flux d'impression. Le rendu imprimé réel dépend toujours de l'imprimante et du profil colorimétrique.
Quel rapport de contraste les WCAG exigent-elles ?+
Le niveau AA des WCAG 2.2 exige au moins 4.5:1 pour le texte normal et 3:1 pour le grand texte. Le niveau AAA utilise 7:1 pour le texte normal et 4.5:1 pour le grand texte.
Les palettes générées sont-elles enregistrées ?+
Seuls les échantillons que vous enregistrez explicitement sont conservés dans ce navigateur. La couleur active et la palette générée sont calculées localement et ne sont jamais envoyées.
Puis-je utiliser les valeurs CMYK pour l'impression professionnelle ?+
Utilisez-les comme référence de conversion générale. L'impression professionnelle nécessite un profil colorimétrique ICC, un support, une encre et des réglages de presse, qu'une conversion mathématique réalisée uniquement dans le navigateur ne peut pas modéliser.
D'autres outils ciblés, prêts quand vous l'êtes.
Découvrez une collection grandissante pour les calculs, les documents, la rédaction et le travail de tous les jours.