Minik.it

Guide - Couleurs

Sélection, conversion et copie des codes couleur HEX, RGB et HSL.

Guide - Couleurs

Roue de teinte, carré saturation/luminosité, conversions précises et copies rapides.

Présentation rapide

Choisissez une couleur avec la roue (teinte) et le carré (saturation/luminosité). Les valeurs HEX, RGB et HSL sont mises à jour en direct. Un champ actif affiche la valeur du format sélectionné et un bouton permet de copier en un clic.

Fonctionnalités clés

  • Roue de teinte : sélection précise de la couleur de base.
  • Carré S/V : ajuste saturation et luminosité.
  • Onglets HEX/RGB/HSL : basculez le format actif pour éditer/copier.
  • Copie en 1 clic : le bouton copie le format actif (icône ✓ en feedback).
  • Saisie manuelle : entrez une valeur HEX/RGB/HSL, l’UI se met à jour.
  • Couleur aléatoire : découvrez des propositions via le bouton Aléatoire.

Mode d’emploi

  1. Faites glisser sur la roue pour choisir la teinte.
  2. Ajustez dans le carré pour la saturation et la luminosité.
  3. Choisissez l’onglet (HEX, RGB ou HSL) pour éditer/copier ce format.
  4. Utilisez le bouton Copier à droite du champ actif.
  5. Le bouton Aléatoire génère une couleur au hasard.

Vous pouvez aussi saisir une valeur (ex. #a855f7, 59, 130, 246 ou hsl(217, 91%, 60%)) puis valider : la roue et le carré se synchronisent.

Formats supportés

  • HEX : #rrggbb ou #rgb (la version courte est acceptée).
  • RGB : rgb(r, g, b) ou r, g, b (0–255).
  • HSL : hsl(h, s%, l%) ou h, s, l ; la teinte est normalisée sur 0–359°.

Astuces

  • Le champ actif propose un placeholder adapté au format choisi (pratique pour la syntaxe).
  • Le swatch affiche la couleur courante à côté du bouton Aléatoire.
  • Le bouton Copier affiche une coche ✓ en cas de succès.

Dépannage rapide

  • Valeur rejetée : vérifiez la syntaxe (ex. #1a2b3c, 12, 34, 56, hsl(200, 50%, 40%)).
  • Copie impossible : certains navigateurs bloquent le presse‑papier sans interaction ; cliquez une seconde fois.
  • Affichage flou sur écrans HD : les canvas sont gérés en haute densité ; rechargez la page si vous changez le zoom.
Ouvrir l’outil Couleurs Tous les guides