Glyph WidgetsGlyph Widgets
À proposContactConfidentialitéConditionsSoutenir sur Ko-fi

© 2026 Glyph Widgets. Tous droits réservés.

·

Traitement 100% côté client

Sélecteur de Couleur

Dernière mise à jour : 6 mars 2026

Choisissez n'importe quelle couleur de votre écran avec l'API EyeDropper, ou saisissez des couleurs au format HEX, RGB ou HSL. Convertissez instantanément entre tous les principaux formats de couleur.

Fonctionnalités

  • ▶Sélectionnez des couleurs n'importe où sur votre écran
  • ▶Support de l'API EyeDropper dans les navigateurs modernes
  • ▶Convertissez entre HEX, RGB, HSL, HSB, CMYK
  • ▶Copiez les valeurs de couleur dans le presse-papiers
  • ▶Historique des couleurs
  • ▶Fonctionne hors ligne après chargement

Comment utiliser cet outil

1

Sélectionner depuis l'écran

Cliquez sur 'Sélectionner depuis l'écran' pour activer l'outil EyeDropper. Cliquez n'importe où sur votre écran pour capturer cette couleur. Fonctionne avec tout contenu visible, y compris d'autres applications.

2

Utiliser l'entrée de couleur

Cliquez sur le carré de couleur pour ouvrir le sélecteur de couleurs natif. Fonctionne dans tous les navigateurs et offre un moyen visuel de sélectionner des couleurs.

3

Saisir les valeurs manuellement

Saisissez directement des valeurs HEX (par exemple, #3B82F6), ou ajustez les curseurs RGB et HSL pour un contrôle précis. Tous les formats se mettent à jour automatiquement au fur et à mesure que vous tapez.

4

Copier et utiliser

Cliquez sur le bouton copier à côté de n'importe quel format pour le copier dans votre presse-papiers. Utilisez l'historique des couleurs pour accéder rapidement aux couleurs précédemment sélectionnées.

Methodes de selection des couleurs

Le selecteur de couleurs prend en charge plusieurs methodes de saisie : le selecteur HTML5 natif pour la selection visuelle, l'API EyeDropper pour echantillonner les couleurs depuis n'importe ou sur votre ecran, et la saisie directe de valeurs HEX, RGB ou HSL.

API EyeDropper

Lorsque vous cliquez sur 'Capturer depuis l'ecran', le navigateur active son interface EyeDropper native. Elle affiche une vue agrandie des pixels sous votre curseur et vous permet de cliquer pour echantillonner n'importe quelle couleur visible sur votre ecran, meme depuis d'autres applications.

Conversions d'espaces colorimetriques

Les conversions de couleurs suivent des formules mathematiques standard. RGB vers HEX convertit les valeurs decimales en hexadecimales. RGB vers HSL calcule la teinte a partir de la position sur le cercle chromatique, la saturation a partir de l'intensite de la couleur et la luminosite a partir de la moyenne des valeurs RGB min/max.

Compatibilite navigateur

L'API EyeDropper necessite Chrome 95+, Edge 95+ ou Opera 81+. Nous detectons la prise en charge du navigateur et affichons l'interface appropriee. Le selecteur de couleurs natif et la saisie manuelle fonctionnent dans tous les navigateurs modernes comme alternatives.

Confidentialite et securite

Tout le traitement se fait localement dans votre navigateur avec JavaScript. Aucune donnee de couleur, capture d'ecran ou information n'est envoyee aux serveurs externes. Votre historique de couleurs est stocke uniquement dans le localStorage de votre navigateur.

Questions fréquemment posées

Cliquez sur le bouton 'Sélectionner depuis l'écran' pour activer l'outil EyeDropper. Votre curseur se transformera en loupe - cliquez n'importe où sur votre écran pour capturer cette couleur. Cette fonctionnalité nécessite un navigateur moderne prenant en charge l'API EyeDropper (Chrome 95+, Edge 95+).

Outils connexes

Convertisseur de Couleurs

Convertir entre tous les formats de couleurs

Vérificateur de Contraste

Vérifier le contraste des couleurs WCAG

Générateur de Palettes

Générer des palettes de couleurs

Générateur de Dégradés

Créer des dégradés CSS

#3B82F6

Le prélèvement de couleur depuis l'écran n'est pas pris en charge dans ce navigateur. Utilisez l'entrée de couleur ou saisissez les valeurs manuellement.

Tous les formats de couleur

Partager
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSB
hsb(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)

Historique des outils est une fonctionnalité Supporter.

Notes d'outils est une fonctionnalité Supporter.