Color Picker

À propos de cet outil

Le Sélecteur de Couleur vous permet de choisir visuellement n'importe quelle couleur et de voir instantanément ses représentations HEX, RGB et HSL. Utilisez le sélecteur natif pour une sélection large ou les curseurs RGB pour un contrôle précis au niveau des canaux.

Les couleurs choisies sont automatiquement enregistrées dans l'historique des couleurs récentes, vous permettant d'y revenir rapidement. Utile pour comparer des variations de couleur ou construire une palette.

Comment utiliser

1. Cliquez sur le grand échantillon pour ouvrir le sélecteur natif du navigateur et choisir une couleur.
2. Faites glisser les curseurs R, G et B pour régler précisément les canaux de couleur.
3. Cliquez sur Copier à côté de HEX, RGB ou HSL pour copier la valeur dans le presse-papiers.
4. Les couleurs copiées apparaissent dans la ligne Couleurs récentes — cliquez sur un échantillon pour le restaurer.

Cas d'utilisation

Les designers web sélectionnent des couleurs exactes depuis un guide de marque et copient les codes hex en CSS. Les développeurs ajustent les valeurs RGB pour canvas ou WebGL. Les designers UI comparent des variations subtiles du même ton.

Questions fréquentes

• Les couleurs choisies sont-elles sauvegardées en permanence ? — Non. Les Couleurs récentes sont stockées dans l'état du composant et réinitialisées quand vous quittez la page ou actualisez. Pour un stockage permanent, copiez les codes hex dans vos notes.
• Puis-je saisir un code hex directement ? — Oui. Utilisez le champ de saisie hex du sélecteur natif (disponible dans la plupart des navigateurs) pour saisir une valeur hex directement.
• Qu'est-ce que HSL et pourquoi est-il utile ? — HSL signifie Teinte (Hue), Saturation et Luminosité (Lightness). Il décrit la couleur de manière intuitive — modifier la luminosité rend la couleur plus claire ou plus sombre en conservant la même teinte, utile pour générer des teintes et des ombres.