Couleur outils
Convertissez HEX, RGB et HSL, créez des palettes et des dégradés et vérifiez le contraste WCAG : tous les outils couleur pour le design, directement dans le navigateur.
Outils couleur populaires
Convertisseur HEX vers RGB
Convertissez des codes couleur HEX en valeurs RGB et consultez aussi les valeurs HSL.
Convertisseur HEX vers HSL
Convertissez des codes couleur HEX en valeurs de couleur HSL.
Générateur de couleur aléatoire — couleur HEX
Générez une couleur HEX aléatoire et consultez ses valeurs RGB et HSL.
Sélecteur de couleur — HEX, RGB et HSL
Choisissez une couleur avec le sélecteur du navigateur et consultez ses valeurs HEX, RGB et HSL.
Convertisseur RGB vers CMYK
Convertissez des couleurs RGB en pourcentages CMYK pour l’impression.
Générateur de palette de couleurs
Générez une palette de couleurs harmonieuse à partir d’une couleur HEX de base.
Générateur de dégradé CSS
Combinez deux couleurs HEX en une valeur CSS linear-gradient.
Mélangeur de couleurs
Mélangez deux couleurs HEX selon la proportion de votre choix.
Générateur de teintes claires et foncées
Générez des teintes plus claires et plus foncées à partir d’une couleur HEX.
Couleurs nommées CSS
Consultez les valeurs HEX et RGB des couleurs nommées de CSS.
Trouver la couleur Tailwind la plus proche
Trouvez le token de couleur Tailwind par défaut le plus proche d’une couleur HEX.
Calculateur d’opacité de couleur — rgba CSS
Convertissez une couleur HEX et son opacité en une valeur CSS rgba.
Générateur de box-shadow CSS
Générez une valeur CSS box-shadow à partir du décalage, du flou, de l’étendue et de la couleur.
Aperçu de border-radius CSS
Combinez les valeurs des quatre coins en une propriété CSS border-radius.
Générateur de clamp() CSS
Combinez une valeur minimale, une valeur préférée et une valeur maximale dans une fonction CSS clamp().
Convertisseur rem vers px
Convertissez entre px et rem à partir d’une taille de police de base.
Calculateur de rapport d’aspect
Calculez le rapport d’aspect CSS et la proportion réduite à partir de la largeur et de la hauteur.
Générateur de couleurs Tailwind — échelle 50-950
Génère une palette de couleurs complète de 50 à 950 à partir d'une couleur de base, à utiliser dans Tailwind CSS.
Visualiseur de palette — aperçu des couleurs dans l'interface
Applique une palette de couleurs à des blocs d'interface génériques pour voir le rendu de vos couleurs dans un vrai design.
Recherche de nom de couleur — trouvez la couleur d'un HEX
Trouve le nom de couleur le plus proche d'une valeur HEX pour identifier et nommer vos couleurs rapidement.
Générateur de triangle CSS — code avec border
Génère le code CSS d'un triangle basé sur la propriété border, prêt à copier-coller dans votre feuille de style.
Vérificateur de contraste de couleur — WCAG AA/AAA
Calculez le rapport de contraste entre la couleur du texte et celle de l'arrière-plan et vérifiez la conformité aux niveaux WCAG AA/AAA.
Extracteur de palette d'une image — analyse des couleurs dans le navigateur
Extrait une palette de couleurs HEX représentative d'une image. L'image est traitée dans votre navigateur.
Simulateur de daltonisme — analyse des couleurs dans le navigateur
Simule les types courants de daltonisme pour une couleur HEX. La couleur est traitée dans votre navigateur.
FAQ
Comment convertir un code HEX en RGB ?
Chaque paire HEX (RR, GG, BB) est convertie de l’hexadécimal au décimal pour donner les canaux RGB. Le convertisseur fonctionne instantanément dans les deux sens.
Les valeurs de couleur sont-elles envoyées à un serveur ?
Non. Tous les calculs de couleur s’effectuent dans le navigateur et rien n’est envoyé à un serveur.