Carte de couleurs TSV
Choisissez des couleurs sur une carte de couleurs TSV interactive et convertissez-les instantanément en valeurs HEX, RGB, HSL et HSV.
Nuancier
Couleur sélectionnée
Couleur sélectionnée
#3C89D6
HEX
#3C89D6
RGB
rgb(60, 137, 214)
HSL
hsl(210, 65%, 54%)
HSV
hsv(210, 72%, 84%)
Saturation
72%
Valeur
84%
Noter Carte de couleurs TSV
Dans quelle mesure cet outil vous a-t-il été utile ? Votre note aide d'autres personnes à le trouver.
Pick Colors With Visual Control
Use the HSV map when you need to tune a color by feel, then copy exact values for code or design work. It is useful for UI states, charts, palettes, themes, and brand experiments.
Why Use This HSV Color Map?
Choix visuel des nuances
Cliquez ou faites glisser sur la carte pour ajuster la saturation et la valeur avec un retour visuel direct.
Plusieurs formats de couleur
Copiez les valeurs HEX, RGB, HSL et HSV de la même couleur sélectionnée.
Collez un HEX pour l'inspecter
Saisissez une couleur HEX à 6 chiffres et déplacez le sélecteur vers la position HSV correspondante.
Contrôle rapide de la teinte
Déplacez le curseur de teinte pour changer toute la famille de couleurs tout en gardant une carte facile à parcourir.
Comment fonctionne Carte de couleurs TSV
La carte de couleurs HSV vous permet de choisir une couleur en modifiant la teinte, la saturation et la valeur. La teinte contrôle la famille de couleurs de base, la saturation contrôle l'intensité de la couleur et la valeur contrôle son aspect clair ou sombre. La carte carrée combine la saturation de gauche à droite avec la valeur de bas en haut, ce qui vous permet de cliquer ou de faire glisser pour choisir une nuance exacte. Le curseur de teinte modifie instantanément toute la carte. Chaque sélection est convertie en valeurs HEX, RGB, HSL et HSV, que vous pouvez copier pour le CSS, les design systems, les maquettes, les graphiques ou l'identité de marque. Vous pouvez aussi coller une couleur HEX à 6 chiffres pour placer le sélecteur à la position HSV correspondante. Toutes les conversions s'exécutent dans le navigateur et se mettent à jour immédiatement lorsque vous parcourez la carte.
Comment utiliser Carte de couleurs TSV
Choisir la teinte
Déplacez le curseur de teinte pour sélectionner la famille de couleurs principale.
Sélectionner la nuance
Cliquez ou faites glisser sur la carte pour définir la saturation et la valeur.
Copier les codes couleur
Utilisez la valeur HEX, RGB, HSL ou HSV générée dans votre projet.
Exemple d'utilisation
Choix d'une couleur d'accent bleue pour une interface à partir de valeurs HSV :
Questions fréquentes
Qu'est-ce que la couleur HSV ?
En quoi HSV diffère-t-il de HSL ?
Puis-je utiliser des couleurs HSV en CSS ?
À quoi sert la saturation ?
À quoi sert la valeur dans HSV ?
Puis-je coller une couleur HEX ?
Est-ce utile pour les design systems ?
L'outil enregistre-t-il les couleurs sélectionnées ?
Outils associés
Convertisseur RGB en Pantone
Convertissez n'importe quelle couleur RGB en la couleur Pantone la plus proche, avec aperçu visuel et pourcentages de correspondance.
Générateur de couleur aléatoire
Générez une couleur aléatoire.
Générateur de dégradé
Générez un dégradé à partir de deux couleurs.
Sélecteur de couleur d'image
Prélevez une couleur dans une image.
Vérificateur de contraste des couleurs
Vérifiez les rapports de contraste entre le texte et l'arrière-plan. Assurez-vous que votre design respecte les normes d'accessibilité WCAG.
Décalage de teinte
Décalez la teinte d'une couleur ou d'une image sur le cercle chromatique. Copiez les valeurs HEX, RVB ou TSL, ou téléchargez le résultat.
Commentaires
Les commentaires sont fournis par Disqus. Les charger vous connecte à Disqus, qui dépose des cookies et traite des données selon sa propre politique de confidentialité.
Carte de couleurs TSV est maintenu par CodeItBro. Notre objectif est de proposer les meilleurs outils gratuits pour développeurs sur le web. Si vous avez des remarques ou des suggestions, rendez-vous sur notre page de contact.
