Sélecteur de couleur depuis une image

Non. L’image que vous importez est lue et affichée dans votre navigateur. Elle n’est pas envoyée à Pushweb ni à un service tiers, et disparaît quand vous fermez la page.

Six couleurs par défaut, choisies parmi les couleurs dominantes de l’image. C’est en général suffisant pour identifier une palette de marque sans la surcharger. Vous pouvez ensuite ajouter jusqu’à deux couleurs supplémentaires à la pipette.

Une fois l’image affichée, vous cliquez à l’endroit voulu et l’outil récupère la couleur du pixel sélectionné. C’est utile pour cibler une zone précise (par exemple un trait de logo) que l’extraction automatique aurait lissé.

HEX (`#3a8fbf`) est le format compact souvent utilisé en CSS. RGB (`rgb(58, 143, 191)`) décrit la couleur en quantités de rouge, vert, bleu. HSL (`hsl(204 53% 49%)`) décrit la teinte, la saturation et la luminosité, ce qui est pratique pour ajuster une couleur sans changer son identité.

Le WCAG (Web Content Accessibility Guidelines) définit des ratios de contraste minimum pour qu’un texte reste lisible. AA correspond au seuil standard (4,5:1 pour le texte classique), AAA au seuil renforcé (7:1). L’outil affiche votre couleur sur fond blanc et fond noir avec son ratio.

Non. Le contraste est important, mais il ne suffit pas à rendre un site accessible. Un site accessible repose aussi sur la taille des textes, la navigation au clavier, la sémantique HTML, les libellés accessibles, etc. Le contraste est un point d’entrée concret, pas une fin en soi.

L’outil accepte les formats courants : PNG, JPG, WebP, GIF, BMP. Les SVG ne sont pas pris en charge dans la version actuelle (ils sont vectoriels et demanderaient un autre traitement).

Oui. L’export génère un bloc CSS avec des variables du type `--color-1`, que vous pouvez copier-coller dans votre feuille de styles. Les variables peuvent ensuite être renommées (`--color-primary`, etc.) selon votre convention.

Parce qu’une palette utile doit rester simple à utiliser. Au-delà de six teintes, la palette devient plus difficile à utiliser de manière cohérente. Les chartes graphiques solides reposent souvent sur 3 à 5 couleurs principales, plus quelques variations.

Non. Il aide à formaliser une palette à partir d’éléments existants, mais une identité visuelle inclut la typographie, les espacements, les composants, le ton et bien d’autres choix. Si vous créez ou refondez un site, on peut aussi regarder comment intégrer ces couleurs dans un design cohérent. Parlez-moi de votre projet.