ChromaDrop

Sélecteur de couleur & Palette

Anciennement EyeDropper

Extension de navigateur · Bientôt pour Chrome et Edge

Prélevez n'importe quelle couleur d'une page au pixel près, puis copiez-la en HEX, RGB, HSL ou avec la couleur Tailwind CSS la plus proche. Pour les designers et les développeurs front-end.

Le popup de ChromaDrop : la couleur prélevée en HEX, RGB, HSL et Tailwind, avec son contraste WCAG

Fonctions

Tout ce qu'il faut pour récupérer une couleur

Une loupe au pixel près

La pipette affiche une loupe sur la page pour viser exactement le bon pixel.

  • Visée aux flèches du clavier, Maj pour avancer de 10 pixels
  • Moyenne sur 1 pixel, 3×3 ou 5×5 pour les dégradés et les images
  • Balise, id et classes de l'élément visé
  • Pipette plein écran pour prélever une couleur en dehors de la page
  • Raccourci Alt+Maj+C, modifiable, et entrée dans le menu du clic droit, désactivable dans les réglages
La loupe de ChromaDrop au-dessus d'une page, avec le code couleur, la couleur Tailwind la plus proche et l'élément visé

Le bon format en un clic

Chaque couleur s'affiche en HEX, RGB, HSL et avec la couleur Tailwind CSS la plus proche. Un clic la copie dans le presse-papiers. Les dernières couleurs restent dans l'historique.

Contraste WCAGPRO

Vérifiez le contraste du texte sur le fond de votre choix (blanc, noir ou couleur prélevée), avec le ratio et les niveaux AA et AAA pour le texte normal et le grand texte.

Le contraste WCAG de la couleur sur un fond blanc : ratio 4,23:1 et niveaux AA et AAA pour le texte normal et le grand texte

Palettes et exportPRO

Rangez vos couleurs dans jusqu'à 50 palettes nommées de 30 couleurs chacune, synchronisées entre vos ordinateurs par votre navigateur si vous le souhaitez. Exportez-les pour votre code ou vos logiciels de design.

  • CSS, SCSS, Tailwind v3 et v4, JSON
  • .ase pour les logiciels Adobe

Les couleurs d'une pagePRO

« Analyser » relève les couleurs utilisées sur la page : fonds, textes, bordures et SVG. Avec Pro, jusqu'à 48 couleurs, à enregistrer directement en palette.

Thème clair et sombre, contrastes conformes WCAG AA, et 22 langues au choix depuis le globe du popup ou la page Réglages, qui regroupe aussi le raccourci, le clic droit et la licence.

Une palette, son export Tailwind v4 et les 24 couleurs trouvées sur la page

Gratuit et Pro

Ce que débloque Pro

GratuitPro
Pipette avec loupe et visée au clavierOuiOui
Pipette plein écran, hors de la pageOuiOui
HEX, RGB, HSL et couleur TailwindOuiOui
Historique10 couleurs500 couleurs
Palettes de 30 couleursUneJusqu'à 50
Export CSS, SCSS, Tailwind, JSON, .aseNonOui
Couleurs de la page analysée848, enregistrables en palette
Contraste WCAG AA et AAANonOui
Choix de la langue, page Réglages, thème clair et sombreOuiOui

Pro s'active avec votre clé de licence Vibevalse Suite, à coller dans les réglages de l'extension (accessibles aussi depuis le popup). Vous changez d'appareil ? Désactivez la licence dans les réglages, puis saisissez la même clé sur le nouveau. L'extension nécessite Chrome ou Edge 120 ou plus récent.

Pro, et toutes les autres extensions

La Vibevalse Suite débloque Pro dans ChromaDrop, dans FocusGrip, dans Snapveil et dans toutes les extensions de la Suite, actuelles et à venir. Un seul paiement, remboursé sous 14 jours si ça ne vous convient pas.

Voir la Vibevalse Suite