Pipette de couleurs pour sites web

Collez le lien d’un site web ou déposez une image, puis survolez-la pour lire la couleur sous le curseur.

Notre serveur charge la page et réalise la capture pour vous.

Comment utiliser la pipette de couleurs

  1. Saisissez l’adresse et cliquez sur « Ouvrir le site ». Une fois la page entièrement chargée, revenez et cliquez sur « Capturer l’onglet », ou utilisez la capture automatique pour que notre serveur réalise la capture.
  2. Déplacez la souris sur la capture. La loupe affiche le pixel exact et ses valeurs HEX, RGB et HSL.
  3. Cliquez pour enregistrer une couleur dans votre palette, puis copiez n’importe quel code en un clic.
  4. Vous avez déjà une capture ou un fichier de design ? Passez à l’onglet Image et déposez-le : rien n’est envoyé, tout reste dans votre navigateur.

Pourquoi prélever les couleurs sur une capture ?

Les navigateurs n’autorisent pas un site à lire les pixels d’un autre : une pipette classique ne peut donc pas accéder à une page dont vous n’avez que le lien. Capturer la page sous forme d’image règle le problème : chaque pixel, y compris les dégradés, les photos et les boutons, devient lisible.

HEX, RGB et HSL expliqués

HEX
Un code à six caractères comme #3B82F6, utilisé en CSS et dans la plupart des outils de design.
RGB
Valeurs de rouge, vert et bleu de 0 à 255, par exemple rgb(59, 130, 246).
HSL
Teinte (0–360°), saturation et luminosité en pourcentage : pratique pour créer des nuances plus claires ou plus foncées.

Questions fréquentes

Est-ce gratuit ?

Oui. L’outil est entièrement gratuit et ne nécessite aucun compte.

Pourquoi une page n’a-t-elle pas pu être capturée ?

La capture automatique ne peut pas ouvrir les pages qui nécessitent une connexion ou qui bloquent les navigateurs automatisés. Utilisez plutôt « Capturer l’onglet » : la page est capturée exactement telle que vous la voyez dans votre navigateur.

Mes images sont-elles envoyées ?

Non. Les images ouvertes dans l’onglet Image sont entièrement traitées dans votre navigateur.

Pourquoi une couleur diffère-t-elle légèrement de la valeur CSS ?

L’anticrénelage, les ombres et la compression d’image peuvent modifier légèrement les pixels des bords. Choisissez le centre d’une zone unie pour un résultat plus précis.