# Sélecteur de couleur

> Sélecteur de couleur gratuit : choisissez n'importe quelle couleur visuellement ou par code hexadécimal, voyez ses valeurs HEX, RVB et TSL, copiez-les en un clic, et obtenez nuances et teintes.

Choisissez n'importe quelle couleur avec le sélecteur visuel ou saisissez un code hexadécimal. Vous obtenez ses valeurs HEX, RVB et TSL avec copie en un clic, plus cinq nuances plus sombres et cinq teintes plus claires.

*Interactive tool: enter your values at https://toollantern.win/fr/selecteur-de-couleur/ and results update instantly in your browser.*

## À quoi sert cet outil

Le sélecteur de couleur montre une couleur de trois façons à la fois : HEX pour le web, RVB pour les écrans et TSL pour le travail de design. Cliquez sur n'importe quelle valeur pour la copier. Sous les valeurs, vous obtenez dix couleurs apparentées : cinq nuances (la même teinte, progressivement plus sombre) et cinq teintes (la même teinte, progressivement plus claire).

## Comment nuances et teintes sont fabriquées

L'outil convertit votre couleur en TSL, puis diminue la **luminosité** de 10 points par nuance et l'augmente de 10 points par teinte, en gardant la teinte et la saturation (globalement) fixes. Les teintes adoucissent aussi légèrement la saturation pour que les tons très clairs ne paraissent pas délavés.

## Exemple chiffré

Choisissez **#3B82F6** (un bleu moyen). Ses valeurs sont **rgb(59, 130, 246)** et **hsl(217, 91%, 60%)**. Une nuance en dessous donne **#1D66E5** ; une teinte au-dessus donne **#6CA3F8**.

## Quand utiliser quel format

Utilisez HEX en CSS et HTML, RVB quand une API ou un outil demande les valeurs des canaux, et TSL quand vous voulez ajuster une couleur au feeling (déplacez la teinte pour changer de famille de couleur, ou la luminosité pour des variantes en mode sombre).

## Limites

Le sélecteur travaille dans l'espace colorimétrique sRGB, qui couvre l'usage standard du web et des écrans. Les formats à large gamme comme Display P3 ne sont pas représentés.

## Questions fréquentes
### Comment copier un code couleur ?

Cliquez sur n'importe quelle valeur HEX, RVB ou TSL, ou sur une pastille de nuance ou de teinte. Elle est copiée aussitôt dans votre presse-papiers, prête à coller.

### Quelle est la différence entre HEX, RVB et TSL ?

Ce sont trois façons de décrire la même couleur. HEX est une notation web compacte (#RRGGBB). RVB donne les canaux rouge, vert et bleu de 0 à 255. TSL donne la teinte (la position de la couleur sur le cercle), la saturation (l'intensité) et la luminosité.

### Que sont les nuances et les teintes ?

Les nuances sont votre couleur mélangée vers le noir (plus sombre), les teintes sont votre couleur mélangée vers le blanc (plus claire). Les designers les utilisent pour les états de survol, les dégradés et les interfaces en couches.

### Puis-je saisir une couleur par son code hexadécimal ?

Oui. Tapez un code hexadécimal à 3 ou 6 chiffres (avec ou sans le #) dans le champ hexadécimal et le sélecteur, les valeurs et les nuances se mettent à jour.

---
Interactive version: https://toollantern.win/fr/selecteur-de-couleur/