Convertissez une couleur hex CSS (#RRGGBB) en composantes TSL (teinte, saturation, luminosité). Le TSL sépare le chroma de la luminance — utile pour peaufiner un thème ou l’accessibilité.
Canaux de sortie
| Canal | Plage |
|---|---|
| Teinte (H) | 0–360 degrés |
| Saturation (S) | 0–100 pour cent |
| Luminosité (L) | 0–100 pour cent |
Quand l’utiliser
- Dériver des variantes survol/actif en décalant la luminosité
- Communiquer des couleurs de marque aux designers qui travaillent en TSL
- Recouper les conversions avec les outils de design
Limites
Hex à six chiffres uniquement (# initial optionnel). Les canaux alpha et le raccourci à trois chiffres ne sont pas pris en charge. L’arrondi peut différer légèrement d’autres convertisseurs de ±1 sur S ou L.
Exemple
Saisissez les valeurs d’exemple par défaut du formulaire et comparez la sortie à une référence connue ; modifiez une entrée à la fois.