Publicité

Saisissez l'URL d'un site web et extrayez sa palette de couleurs — toutes les couleurs utilisées dans ses feuilles de style, classées par fréquence et prêtes à copier ou exporter en code.

Saisissez une page web publique. Nous lisons ses feuilles de style et ses styles en ligne, puis classons les couleurs qu'elle utilise.

Saisissez l'adresse d'un site web pour extraire sa palette de couleurs.

Seules les pages web publiques peuvent être lues, et les couleurs proviennent du CSS livré par la page — un site qui peint avec des images ou du canvas peut renvoyer moins de couleurs. Gratuit, sans inscription.

Publicité

À propos de Palette de couleurs d'un site web

L'outil Palette de couleurs d'un site web révèle les couleurs qu'un site utilise réellement. Saisissez une adresse web publique et la page est récupérée de notre côté — les navigateurs ne peuvent pas lire directement un autre site à cause des restrictions cross-origin — puis ses styles en ligne, ses blocs de style intégrés et ses feuilles de style liées sont analysés à la recherche de chaque valeur de couleur.

Les valeurs HEX, rgb(), rgba(), hsl() et hsla() sont toutes normalisées vers une forme HEX unique et comptées, de sorte que la palette revient classée selon la fréquence d'apparition de chaque couleur dans le CSS du site. C'est ce classement par fréquence qui distingue la véritable couleur principale d'une marque des dizaines de bordures et d'ombres ponctuelles plus bas dans la liste.

Chaque échantillon se copie d'un clic, et le panneau d'export transforme le résultat en variables CSS, SCSS, configuration Tailwind, JSON, planche d'échantillons SVG ou simple liste HEX. L'outil est gratuit et à débit limité, n'atteint que les adresses publiques et ne stocke rien au-delà d'un cache éphémère de l'extraction.

Comment utiliser Palette de couleurs d'un site web

  1. Collez l'adresse d'un site web public dans le champ (https:// est ajouté automatiquement si vous l'omettez).
  2. Cliquez sur « Extraire les couleurs » et patientez un instant pendant la lecture de la page et de ses feuilles de style.
  3. Passez la palette en revue — les couleurs sont classées selon leur fréquence d'apparition dans le CSS du site.
  4. Cliquez sur un échantillon pour copier sa valeur HEX, ou utilisez « Tout copier » pour la liste entière.
  5. Ouvrez Exporter pour obtenir la palette en CSS, SCSS, Tailwind, JSON, SVG ou HEX simple.

Questions fréquentes

Collez l'adresse dans cet outil et cliquez sur « Extraire les couleurs ». Il lit les feuilles de style et les styles en ligne de la page, puis liste chaque couleur trouvée classée par fréquence, de sorte que les couleurs de marque les plus utilisées apparaissent en premier.

Une feuille de style contient généralement bien plus de couleurs accessoires — bordures, ombres, états de survol — que de couleurs de marque. Compter la fréquence d'apparition de chaque valeur fait remonter en tête de liste les couleurs qui définissent le site.

L'outil lit le CSS livré par une page. Les sites qui peignent leur design avec des images, du canvas ou du WebGL, ou qui construisent leurs styles entièrement en JavaScript après le chargement, exposent peu de valeurs de couleur dans leurs feuilles de style. Les pages derrière une connexion ou une protection anti-robot ne peuvent pas non plus être lues.

Non. Seules les adresses web publiques sont acceptées : les requêtes vers des adresses réseau privées, locales ou réservées sont bloquées par mesure de sécurité, et seuls les ports HTTP et HTTPS standard sont autorisés.

Oui, jusqu'à une certaine limite. Les feuilles de style liées depuis la page — y compris celles hébergées sur un CDN — sont récupérées via les mêmes contrôles de sécurité, de sorte que les couleurs définies dans un fichier CSS externe sont comptées au même titre que les styles propres de la page.

Oui, entièrement gratuit et sans compte requis. Les requêtes sont à débit limité pour garder le service disponible pour tous, et les résultats sont brièvement mis en cache pour qu'une même URL répétée revienne instantanément.


Recherches populaires
palette de couleurs d'un site web pipette de couleur d'un site web trouver les couleurs d'un site web extraire les couleurs d'une url quelles couleurs utilise ce site web trouver le schéma de couleurs d'un site
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web — copiez-collez le code ci-dessous.