Image Color Picker

Excellent

Sélecteur HEX

Réglez le HEX et comparez HWB, HSL, HSV, RGB et OKLCH dans un espace calme.

Sélecteur de couleur HEX

Un sélecteur de couleur HEX, six modèles de couleur

Entrez un code couleur HEX et visualisez instantanément les valeurs correspondantes en RGB, HSL, HSV, HWB et OKLCH. Déplacez un curseur et les six représentations se synchronisent en temps réel. Le code HEX et le hachage URL se synchronisent ensemble, permettant de mettre en favori ou partager n'importe quelle couleur en quelques secondes.

Conversion HEX vers RGB en temps réel

Entrez une couleur HEX comme #3b82f6 et les valeurs RGB se mettent à jour instantanément. Le trouveur HEX accepte aussi les codes courts à trois chiffres.

Trouveur de code HEX avec partage URL

À chaque ajustement de couleur, le hachage URL se met à jour automatiquement, transformant ce trouveur de code HEX en favori partageable. Envoyez le lien à vos collègues et ils verront exactement la même couleur.

Six modèles de couleur synchronisés

HEX, RGB, HSL, HSV, HWB et OKLCH se mettent tous à jour ensemble. Changer de modèle ne perd jamais la couleur — idéal pour les tokens de design et les variables CSS.

Interface du sélecteur de couleur HEX affichant les curseurs pour les modèles HSL, RGB et OKLCH

Trouveur de code couleur

Trouver n'importe quel code couleur — HEX, RGB, HSL, OKLCH

Ce trouveur de code couleur couvre tous les standards utilisés en web design, développement d'applications et impression numérique. HEX est le format par défaut pour CSS et HTML. RGB est le format natif des écrans. HSL est le format lisible par les humains pour les designers. OKLCH est le prochain format perceptuel dans CSS Color Level 4. Les quatre sont disponibles simultanément — copiez celui qui correspond à votre workflow.

Trouveur de code couleur affichant les valeurs HEX, RGB, HSL et OKLCH pour un bleu vif
Sélecteur de couleur HTML affichant des valeurs de code couleur HEX et RGB prêtes pour CSS

Sélecteur de couleur HTML

Sélecteur de couleur HTML pour CSS et web design

Que vous rédigiez des styles inline, définissiez des tokens de design ou mainteniez une bibliothèque de variables CSS, ce sélecteur de couleur HTML fournit le code exact dont vous avez besoin. Ajustez visuellement la teinte, la saturation et la luminosité, puis copiez le code couleur HEX ou la valeur CSS rgb() directement dans votre feuille de style.

  • Générer instantanément des valeurs CSS valides : hex, rgb(), hsl(), hwb() et oklch().
  • La synchronisation du hachage URL permet de sauvegarder et partager n'importe quelle couleur comme favori navigateur.
  • Un indicateur de gamut signale les couleurs qui existent uniquement en Display-P3 et dépassent le sRGB.
  • Fonctionne hors ligne — aucun appel API, aucune dépendance serveur.

Sélecteur RGB

Sélecteur RGB avec curseurs de précision

Sélecteur RGB avec trois curseurs de canal indépendants pour rouge, vert et bleu

Canaux RGB dédiés

Trois curseurs indépendants R, G et B pour mélanger les couleurs canal par canal. Le sélecteur RGB affiche en temps réel les valeurs décimales et les codes HEX pendant le glissement.

Sélecteur RGB avec conversion en direct entre valeurs de canaux RGB et code couleur HEX

RGB vers HEX et inversement

Collez un code HEX connu pour voir immédiatement la décomposition RGB, ou ajustez les curseurs du sélecteur RGB pour trouver le code HEX d'une nuance personnalisée. Aucun convertisseur séparé requis.

Sélecteur RGB avec comparaison côte à côte des échantillons de gamut sRGB et Display-P3

Sélecteur RGB avec support gamut étendu

Basculez entre les gamuts sRGB et Display-P3 pour voir si la couleur choisie peut être reproduite sur les écrans à gamut étendu. Les deux échantillons se mettent à jour côte à côte.

Questions fréquentes

Questions sur le sélecteur de couleur HEX