Sélecteur de couleur en ligne

À propos du sélecteur de couleur en ligne
Utilisez ce sélecteur de couleur en ligne pour prélever une couleur depuis une image importée, depuis l’écran lorsque votre navigateur le permet, ou en saisissant une valeur manuellement. La couleur sélectionnée est convertie instantanément dans les formats courants comme HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV et CMYK, afin que vous puissiez copier la valeur nécessaire sans changer de page.

• Fonctionnalités
Pipette sur image : choisissez une image locale et survolez-la pour prévisualiser les pixels à proximité. Cliquez sur l’image pour sélectionner la couleur actuelle.

Extraction de palette depuis une image : après l’import d’une image, l’outil extrait une palette compacte de couleurs principales, que vous pouvez copier ou appliquer comme couleur actuelle.

Ajustement au pixel près : après avoir sélectionné une couleur dans une image, utilisez les touches fléchées pour ajuster plus précisément la position du pixel sélectionné.

Pipette d’écran : utilisez la pipette du navigateur pour sélectionner une couleur à l’écran lorsque cette fonctionnalité est prise en charge.

Saisie manuelle de couleur : saisissez une couleur manuellement avec un sélecteur ou une valeur HEX / HEXA, par exemple #2563EB ou #2563EBFF.

Formats de couleur multiples : convertissez la couleur sélectionnée aux formats HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV et CMYK.

Couleurs assorties : générez des variantes complémentaires, analogues, triadiques, des teintes douces et des tons atténués à partir de la couleur actuelle.

Teintes et nuances : créez une échelle pratique du clair au foncé, utilisable pour les arrière-plans, bordures, états au survol, badges et composants d’interface.

Contraste du texte et association UI : comparez le texte blanc et le texte noir avec le contraste WCAG, affichez une référence perceptuelle de type APCA et proposez une association d’interface plus confortable lorsqu’une couleur très saturée nécessite un fond plus sombre ou plus clair.

Variables CSS : copiez des variables CSS prêtes à l’emploi pour la couleur actuelle, ses variantes claires et foncées, la couleur de texte lisible et l’association fond/texte recommandée pour l’interface.

Traitement dans le navigateur : la lecture de l’image, le prélèvement de couleur, l’extraction de palette et la conversion des couleurs sont effectués directement dans votre navigateur, sans installation d’application séparée.

• Remarques
La pipette d’écran dépend de la prise en charge par le navigateur. Dans les navigateurs qui ne prennent pas en charge le prélèvement de couleur à l’écran, vous pouvez toujours utiliser la pipette sur image ou la saisie manuelle.

Lors du prélèvement d’une couleur dans une image, l’image peut être redimensionnée pour s’adapter à la page, mais la couleur échantillonnée est bien associée à la position du pixel dans l’image d’origine.

Le contraste du texte est calculé à partir de la couleur unie sélectionnée. Lorsque le texte apparaît sur des dégradés, des photos, des zones transparentes ou des arrière-plans texturés, vérifiez également le rendu final visuellement.

La valeur de type APCA est fournie comme référence perceptuelle à côté du contraste WCAG. Le contraste WCAG reste le contrôle d’accessibilité réussite/échec utilisé sur cette page.

Pour les couleurs utilisées dans des interfaces, documents, images ou supports imprimés, le rendu final peut varier selon les réglages d’affichage, les profils colorimétriques, les formats de fichier et les périphériques de sortie.

:wiki_link