Go Toolstack

Sélecteur de Couleur & Pipette d'Écran

Prélevez n'importe quelle couleur à l'écran avec conversion HEX, RGB, HSL et CMJN.

Sélecteur de Couleur & Pipette d'Écran

Prélevez n'importe quelle couleur à l'écran avec conversion HEX, RGB, HSL et CMJN.

Comment ça fonctionne

1
Enter Query Details
Specify the parameters, location, or query data you want to look up.
2
Fetch or Validate Data
Retrieve or validate information securely within your session.
3
Inspect Detailed Results
Review schedules, reference figures, or comprehensive data tables.

Découvrez d'autres utilitaires côté client dans cette catégorie

Pôle Images & Design • Flux de travail et guide de comparaison

Découvrez tous les outils de images & design, les limites techniques et le guide de sélection.

Explorer le pôle →
Générateur de QR Code Haute Résolution

Créez des QR codes vectoriels personnalisés pour URL, Wi-Fi et cartes de visite.
Compresseur d'Images JPG, PNG & WebP

Compressez vos photos en ajustant le niveau de qualité avec une netteté préservée.
Redimensionneur d'Images & Recadrage

Modifiez les dimensions en pixels de vos images en conservant le ratio d'aspect.

Guides de blog associés

Guides techniques, dépannage et tutoriels de bonnes pratiques

Centre d'Expertise & Architecture Technique

Sélecteur de couleur et pipette : Test de contraste WCAG et conversion d'espaces couleur

Prélever des teintes exactes sur des interfaces web et valider les contrastes selon les normes WCAG 2.1 est indispensable pour tout designer UI et développeur front-end. Le Sélecteur de couleur et pipette combine l'API native EyeDropper des navigateurs avec un convertisseur chromatique complet opérant 100% en local.

Cas d'Usage Réel : Vous inspectez un site et souhaitez vérifier si le texte d'un bouton respecte le ratio de contraste de 4.5:1 requis par WCAG AA. En cliquant avec la pipette sur l'écran, vous obtenez instantanément les codes HEX, RGBA, HSLA et CMYK, le calcul du ratio et les variables CSS prêtes à copier.

Les calculs s'exécutent entièrement en local sans transmission de données.

Architecture Fondamentale & Modélisation Mathématique

Ratio Contraste WCAG = (L1 + 0.05) / (L2 + 0.05), L étant la luminance relative normalisée sRGB.

Calcul de luminance relative standardisé par le W3C pour certifier la conformité d'accessibilité numérique AA et AAA.

Directives d'Ingénierie & Bonnes Pratiques

  • Respecter le ratio 4.5:1 pour le texte courant : Garantissez une lisibilité optimale pour les personnes malvoyantes selon la norme WCAG AA.
  • Utiliser la pipette native sur Chromium : Prélevez des couleurs directement sur n'importe quelle fenêtre de votre bureau sous Chrome et Edge.
  • Copier les variables CSS prêtes à l'emploi : Exportez vos palettes au format var(--color-primary) pour vos thèmes web.
  • Contrôler les pourcentages CMYK pour l'impression : Vérifiez les encres d'impression pour anticiper les tirages papier.

Foire Aux Questions & Réponses d'Experts (FAQ)

La pipette de prélèvement fonctionne-t-elle sur tous les navigateurs ?
L'API Eyedropper est supportée sur Chrome, Edge et les navigateurs Chromium de bureau. Un sélecteur sur canevas est disponible sur les autres navigateurs.
Que signifient les conformités WCAG AA et AAA ?
Ce sont des normes internationales d'accessibilité : AA exige un contraste minimal de 4.5:1 pour le texte normal, et AAA exige 7:1 pour une lisibilité maximale.
Puis-je gérer les valeurs de transparence alpha ?
Oui, les formats HEX à 8 chiffres (#RRGGBBAA), RGBA et HSLA gèrent pleinement l'opacité.
Mon historique de couleurs est-il conservé sur un serveur ?
Non. Tout l'historique réside uniquement dans la mémoire temporaire de votre navigateur.