Guide Sélecteur de Couleur

À quoi sert cet outil

Le Sélecteur de couleur convertit entre cinq formats de couleur courants : HEX, RGB, HSL, HSV et CMYK. Choisissez une couleur visuellement avec le sélecteur natif ou saisissez un code couleur dans n'importe quel format supporté — l'outil affiche instantanément l'équivalent dans les cinq formats. Copiez toute valeur en un clic. Idéal pour les designers, développeurs et toute personne travaillant avec des codes couleur dans différents outils et systèmes.

Comment l'utiliser

1. Choisissez une couleur visuellement — Cliquez sur le nuancier pour ouvrir le sélecteur de couleur natif de votre système. Choisissez une couleur ; l'outil met à jour tous les codes de format automatiquement.
2. Ou saisissez un code couleur — Collez ou tapez une couleur dans tout format supporté :
   • HEX : #ff6b6b ou #f66
   • RGB : rgb(255, 107, 107)
   • HSL : hsl(0, 100%, 71%)
   • HSV : hsv(0, 58%, 100%)
   • CMYK : cmyk(0%, 58%, 58%, 0%)
3. Copiez ce dont vous avez besoin — Utilisez le bouton Copier à côté de chaque format pour copier la valeur dans le presse-papiers.
4. Synchronisation bidirectionnelle — Modifier le nuancier met à jour le texte ; saisir un code valide met à jour le nuancier et tous les autres formats.

Comment ça fonctionne

Les cinq formats sont dérivés d'un tuple RGB unique (rouge, vert, bleu, chacun 0–255) comme intermédiaire canonique. Lorsque vous saisissez une couleur :

1. Parse — L'outil essaie le parser de chaque format (HEX, RGB, HSL, HSV, CMYK) jusqu'à succès.
2. Conversion en RGB — L'entrée est convertie en tuple RGB entier.
3. Génération de tous les formats — À partir du RGB, l'outil calcule HEX, chaîne RGB, HSL, HSV et CMYK en parallèle.
4. Affichage — Les cinq codes de format sont affichés avec des boutons Copier.

Une entrée invalide affiche une erreur inline ; une entrée vide n'a aucun effet (pas d'erreur, pas de changement). Le sélecteur de couleur natif renvoie toujours une valeur HEX valide sur 6 chiffres en minuscules, donc le chemin visuel ne déclenche jamais d'erreur de parse.

Tous les traitements s'effectuent entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.

Cas d'usage et exemples

• Développement web — Convertissez une couleur de maquette (ex. CMYK d'impression) en HEX ou RGB pour le CSS.
• Livrable design — Fournissez aux développeurs plusieurs codes de format à partir d'une seule sélection.
• Accessibilité — Ajustez la luminosité ou la saturation (HSL/HSV) pour respecter les exigences de contraste.
• Préparation impression — Convertissez les couleurs écran (RGB) en CMYK pour les flux d'impression.
• Cohérence de marque — Assurez-vous que la même couleur est utilisée correctement sur le web, l'app et l'impression.

Limitations et contraintes connues

• Précision — Le RGB utilise des entiers (0–255), donc les conversions peuvent avoir un arrondi de ±1 par canal. C'est standard et suffisant pour un usage typique.
• Gamut couleur — Le CMYK peut représenter certaines couleurs que le RGB ne peut pas ; la conversion de CMYK vers RGB peut être approximative.
• Sélecteur natif — Les capacités du sélecteur visuel dépendent de votre système d'exploitation et navigateur.
• Entrée vide — Vider le champ ne vide pas les codes affichés ; la dernière couleur valide reste visible.