Sélecteur de Couleur
Qu'est-ce que cet outil ?
Notre sélecteur de couleurs vous permet de sélectionner n'importe quelle couleur visuellement ou en saisissant une valeur spécifique, puis de voir instantanément son équivalent aux formats HEX, RVB et TSL. Vous pouvez également explorer les variations de luminosité d'une couleur et copier n'importe quel format en un clic. C'est un outil essentiel pour les designers, les développeurs et toute personne travaillant avec des couleurs dans les médias numériques.
Comment l'utiliser
- Cliquez n'importe où sur le spectre de couleurs pour choisir une couleur.
- Faites glisser le curseur de teinte pour changer la couleur de base.
- Ajustez le curseur de luminosité/saturation pour un contrôle précis.
- Ou tapez une valeur HEX, RVB ou TSL spécifique directement dans les champs de saisie.
- Cliquez sur n'importe quel code de couleur pour le copier dans votre presse-papiers.
Cas d'utilisation courants
- Trouver le code HEX d'une couleur que vous voyez dans une maquette de design
- Convertir des valeurs de couleur RVB en HEX pour une utilisation CSS
- Explorer les variations de couleurs pour une palette de marque
- Vérifier les valeurs de code de couleur lors de la création ou du style d'une page web
Astuces et conseils
- Utilisez le champ de saisie HEX pour entrer un code de couleur connu et voir immédiatement ses équivalents RVB et TSL.
- TSL est souvent plus intuitif pour les designers — Teinte (0-360), Saturation et Luminosité sont indépendantes.
- Ajoutez une URL de couleur spécifique en signet si votre navigateur met à jour la barre d'adresse lors de la sélection.
Questions fréquentes
Quelle est la différence entre les formats de couleur HEX, RVB et TSL ?
HEX et RVB décrivent tous deux une couleur par ses composants rouge, vert et bleu (juste dans une notation différente), tandis que TSL décrit la teinte, la saturation et la luminosité — un format que beaucoup de designers trouvent plus intuitif pour ajuster l'éclat ou la vibrance d'une couleur indépendamment.
Comment trouver le code HEX exact pour une couleur que je vois dans une maquette de design ?
Utilisez le spectre de couleurs ou saisissez les valeurs RVB/TSL connues dans les champs de saisie — l'outil convertit et affiche le code HEX équivalent instantanément.
Puis-je copier le code de couleur directement à utiliser dans CSS ?
Oui. Cliquez sur l'un des codes de couleur affichés (HEX, RVB ou TSL) pour le copier dans votre presse-papiers, prêt à coller directement dans une feuille de style.
L'outil prend-il en charge les valeurs de transparence alpha ?
Si les formats RGBA ou HSLA sont disponibles dans la sortie, vous pouvez capturer la transparence aux côtés de la couleur ; vérifiez les options de format à côté des champs RVB/TSL standard.
Ma sélection de couleur est-elle envoyée à un serveur ?
Non. Tous les calculs de conversion de couleur s'exécutent localement dans votre navigateur — aucune valeur de couleur n'est transmise ou enregistrée nulle part.
Choisissez une couleur et obtenez les codes HEX, RGB, HSL. Prend en charge les palettes et la vérification du contraste.
sélecteur de couleur · outil couleur · palette de couleurs · code HEX · code RGB · code HSL · outil design · sélection de couleur · convertisseur de couleur · codes couleur · schéma de couleurs · générateur de couleur · utilitaire couleur · sélecteur de couleur en ligne · outil de sélection de couleur · contraste de couleur · vérificateur de contraste de couleur · outil de contraste de couleur · rapport de contraste de couleur · calculateur de contraste de couleur