onul.works

Sélecteur de couleur

Sélectionnez une couleur en ligne, retrouvez son code HEX, RGB ou HSL et copiez rapidement le format CSS adapté à votre design.

⌘ S’exécute dans le navigateur ◴ Aucune donnée stockée ⌁ Gratuit
Code couleur sélectionné

Mode d’emploi

  1. 1 Choisissez une couleur avec le sélecteur ou saisissez une valeur HEX, RGB ou HSL.
  2. 2 Vérifiez les conversions automatiques entre les formats de code couleur.
  3. 3 Copiez le code couleur CSS, HEX, RGB ou HSL nécessaire à votre interface.

Cas d’usage courants

  • Trouver un code couleur HEX avec un color picker
  • Convertir une couleur en RGB, HSL et CSS
  • Conserver une palette de couleurs récentes

Questions fréquentes

Quels formats de couleur sont pris en charge ?

L’outil affiche les valeurs HEX, RGB et HSL. La saisie dans un champ met à jour les autres formats, ce qui convient aux recherches de sélecteur de couleur HEX, recherche de code couleur et sélecteur CSS.

Puis-je copier les valeurs de couleur ?

Oui. Chaque format peut être copié pour être collé dans une feuille CSS, un design token ou une documentation de palette.

Les couleurs récemment sélectionnées sont-elles enregistrées ?

La page garde une palette récente contenant jusqu’à 12 couleurs pendant l’utilisation, et vous pouvez la vider avec le bouton prévu.

Flux de travail associé

Sélecteur de couleurChoisissez d’abord la couleur de base et récupérez son code HEX, RGB ou HSL. → Générateur de codes-barresPréparez ensuite un code-barres ou une étiquette qui respecte la palette choisie. → Générateur d’ombre portéeAjustez les ombres des cartes ou boutons en cohérence avec la couleur sélectionnée.