← Accueil AlveaHubs — gratuit, sans inscription, hors ligne

Sélecteur de couleur

rgb(46, 83, 57)
hsl(129, 29%, 25%)

À propos de cet outil

Cet outil convertit une couleur entre trois formats courants : hex (un code à 6 chiffres comme #2E5339 utilisé en CSS et dans les logiciels de design), RVB (intensités rouge, vert et bleu de 0 à 255) et HSL (teinte, saturation et luminosité). Choisissez une couleur avec la pastille ou saisissez directement un code hex, et les équivalents RVB et HSL se mettent à jour instantanément.

Comment utiliser

  1. Cliquez sur la pastille de couleur pour ouvrir le sélecteur de couleur de votre navigateur, ou saisissez un code hex (par ex. #2E5339) dans le champ de texte.
  2. Consultez les valeurs RVB et HSL correspondantes dans les cases ci-dessous — elles se mettent à jour dès que vous choisissez ou saisissez une couleur.
  3. Cliquez sur l'icône de copie à côté de hex, RVB ou HSL pour copier cette valeur dans votre presse-papiers.

Cas d'utilisation

  • Convertir une couleur hex issue d'un fichier de design en RVB ou HSL pour une feuille de style CSS.
  • Faire correspondre une couleur de marque entre des outils ou bases de code attendant des formats de couleur différents.
  • Générer une couleur aléatoire pour une palette avec le bouton Couleur aléatoire.

Questions fréquentes

Quelle est la différence entre hex, RVB et HSL ?

Ce sont trois façons de représenter la même couleur. Hex est un code à 6 chiffres (par ex. #2E5339) utilisé en CSS et dans les logiciels de design ; RVB exprime une couleur par des intensités rouge, verte et bleue de 0 à 255 ; HSL l'exprime par un angle de teinte (0-360°), ainsi que des pourcentages de saturation et de luminosité. Cet outil convertit automatiquement entre les trois.

La couleur que je choisis est-elle stockée ou envoyée quelque part ?

Non. Toute la conversion s'effectue dans votre navigateur en JavaScript — les valeurs de couleur ne quittent jamais votre appareil et ne sont envoyées à aucun serveur.

Pourquoi mon code hex affiche-t-il une erreur ?

Le champ hex n'accepte que des codes hexadécimaux valides à 3 ou 6 chiffres (0-9, A-F), avec un # initial optionnel. Vérifiez les fautes de frappe, les caractères en trop ou les chiffres manquants.

Tout est calculé localement dans votre navigateur — la couleur choisie n'est jamais envoyée à un serveur.