ToolHub
Ouvrir l'outil

Sélecteur de couleurs

Outil professionnel de sélection de couleurs, prenant en charge plusieurs formats

Outils développeur
Lancer l'outil Tous les outils

À propos de cet outil

Le Sélecteur de couleurs est un outil basé sur le navigateur qui permet de sélectionner et de convertir des couleurs entre plusieurs formats. Vous pouvez choisir parmi une palette prédéfinie, ajuster la teinte et l'opacité via des curseurs, ou saisir directement des valeurs HEX et RGB. L'outil affiche instantanément les formats HEX, RGB, HSL et HSV de la couleur, chacun avec copie en un clic. Tout le traitement est effectué localement dans le navigateur, sans envoyer de données à aucun serveur.

Principales fonctionnalités

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Aperçu rapide

Cas d'utilisation

couleur sélecteur hex rgb

Questions fréquentes

Quels formats de couleur cet outil prend-il en charge ?

L'outil prend en charge quatre formats d'affichage des couleurs : HEX (par exemple #ff6b6b), RGB/RGBA (par exemple rgb(255, 107, 107)), HSL/HSLA (par exemple hsl(0, 100%, 71%)) et HSV (par exemple hsv(0, 58%, 100%)). Lorsque l'opacité est inférieure à 100 %, les formats RGBA et HSLA sont automatiquement utilisés.

Comment ajuster l'opacité d'une couleur ?

Utilisez le curseur d'opacité sous le curseur de teinte. Faites-le glisser vers la gauche pour réduire l'opacité, vers la droite pour l'augmenter. L'aperçu de la couleur et toutes les valeurs de format se mettent à jour en temps réel. Lorsque l'opacité est inférieure à 100 %, la sortie HEX inclut le canal alpha, et la sortie RGB/HSL passe automatiquement aux formats rgba/hsla.

Quelle est la différence entre HSL et HSV ?

Les deux sont des modèles de couleur cylindriques, mais ils définissent la luminosité différemment. HSL (teinte, saturation, luminosité) a une luminosité allant du noir à la couleur pure puis au blanc, une luminosité de 100 % étant toujours blanc. HSV (teinte, saturation, valeur) a une valeur allant du noir à la couleur pure, une valeur de 100 % étant la forme la plus pure de la couleur. HSL est plus couramment utilisé en CSS, tandis que HSV est plus utilisé dans les logiciels graphiques.

Puis-je saisir directement des valeurs HEX ou RGB ?

Oui. Vous pouvez saisir directement une valeur HEX (par exemple #3b82f6) ou RGB (par exemple rgb(59, 130, 246)) dans le champ de saisie, et l'outil convertit instantanément et met à jour tous les autres formats d'affichage, l'aperçu de la couleur et les positions des curseurs.

Comment copier une valeur de couleur ?

Cliquez sur le bouton de copie à côté de n'importe quelle valeur de format, et la valeur de couleur est copiée dans le presse-papiers au format affiché (par exemple #ff6b6b pour le format HEX, rgb(255, 107, 107) pour le format RGB). Vous pouvez ensuite la coller directement dans CSS, un outil de design ou un éditeur de code.

Outils associés

Validateur JSONGénérateur de hachageGénérateur UUIDTesteur d'expressions régulières