LABO CODE COULEUR

Sélecteur universel de couleur

Choisir une teinte à l’écran et récupérer immédiatement ses valeurs HEX, RVB et HSL, sans envoyer de donnée au serveur.

RÉPONSE DIRECTE

Le sélecteur fournit trois écritures d’une même couleur sRGB. Il est adapté au prototypage web et aux échanges numériques ; il ne constitue pas une référence de peinture ou d’impression.

01EntréeCouleur choisie à l’écran
02SortiesHEX, RVB et HSL
03Bon usageInterface et prototype sRGB
01

Lire le résultat

Déplacez le pointeur dans le sélecteur puis copiez la notation attendue par votre logiciel. HEX et RVB décrivent directement les trois canaux sRGB. HSL réorganise cette même valeur autour d’une teinte, d’une saturation et d’une luminosité pratiques pour explorer des variantes.

Changer de notation ne change pas la couleur affichée : #048B9A, rgb(4 139 154) et leur équivalent HSL décrivent ici le même triplet sRGB.

02

Choisir avec un objectif

Commencez par le rôle de la couleur — fond, texte, action, accent ou état — puis vérifiez-la dans le composant final. Une nuance séduisante en grand aplat peut être trop vive pour une interface dense ou trop peu contrastée pour du texte.

Conservez la valeur validée dans une variable ou un token sémantique plutôt que de la recopier au hasard dans le code.

  • Tester le contraste du couple texte/fond.
  • Observer les états survol, focus et désactivé.
  • Nommer la variable par fonction, pas seulement par teinte.
03

Ce que le sélecteur ne peut pas garantir

L’apparence dépend de l’écran, de son profil, de sa luminosité et de l’éclairage ambiant. Pour une peinture, un textile ou une impression, utilisez l’échantillon et le processus de validation propres au fabricant.

Méthode et révision

Les calculs sont exécutés dans le navigateur à partir des valeurs saisies. Les limites propres à cet outil sont indiquées ci-dessus ; la méthode générale et les formules sont documentées dans le référentiel.

Révision éditoriale : 22 août 2026 · Direction éditoriale : Nicolas Belotti · Signaler une erreur.

MODE D’EMPLOI VÉRIFIABLE

Ce que l’outil accepte, calcule et ne décide pas

Entrée fiable

Une valeur choisie visuellement puis saisie ou contrôlée sous forme numérique.

Résultat obtenu

Un aperçu et des coordonnées copiables pour le travail en sRGB.

Décision suivante

Vérifier la valeur au clavier, les contrastes associés et le rendu sur un écran correctement réglé.

Méthode, confidentialité et limites

Le calcul est exécuté dans votre navigateur à partir des valeurs saisies. Les images, lorsqu’elles sont utilisées, ne quittent pas l’appareil. Le résultat décrit un modèle colorimétrique et ne remplace pas un contrôle du support, du profil, de la lumière ou du contexte d’accessibilité.