Pipette & Sélecteur de Couleurs

Prélevez des couleurs sur vos images et copiez immédiatement les codes HEX, RGB et HSL.

Médias et PDF
100% Client-Side · Sécurisé et Privé
Pipette & Sélecteur de Couleurs

Prélevez des couleurs sur vos images et copiez immédiatement les codes HEX, RGB et HSL.

Centre de Connaissances & Guide

Sélecteur de Couleur, HEX, RGB, HSL et Harmonies Chromatiques

Sélecteur de Couleur, HEX, RGB, HSL et Harmonies Chromatiques

Cet outil fonctionne à 100% côté client dans votre navigateur. Vos photos, vidéos, enregistrements audio et documents PDF ne sont jamais envoyés sur un serveur, garantissant une confidentialité totale.

Formule & Méthode de Calcul

HEX = Concat( DecToHex(R), DecToHex(G), DecToHex(B) )

A standard Hex code (e.g., #FF5733) is simply three 8-bit integers (0 to 255) converted into base 16 format, representing the Red, Green, and Blue light channels.

Bonnes Pratiques & Conseils

  • Understand HSL for UI Design: While Hex is the web standard, Hue Saturation Lightness (HSL) is vastly superior for developers. Changing `hsl(200, 50%, 50%)` to `hsl(200, 50%, 40%)` instantly creates a perfect darker hover state.
  • Avoid Pure Black: In UI design, pure black (`#000000`) on pure white creates severe eye strain due to absolute contrast. Use a dark slate gray (like `#111827`) to soften the visual impact.
  • Check Contrast Accessibility: Selecting a beautiful color palette is useless if visually impaired users cannot read the text. Always verify your selected colors against the WCAG 4.5:1 minimum contrast ratio.

Foire Aux Questions

À quoi sert la 4e valeur dans un code RGBA ?
Le « A » signifie Alpha (opacité). Il s'agit d'une valeur décimale comprise entre 0.0 (complètement transparent) et 1.0 (complètement opaque). Le CSS moderne prend également en charge les codes hexadécimaux à 8 caractères où les deux derniers représentent le canal alpha.
Pourquoi les couleurs diffèrent-elles entre mon téléphone et mon écran d'ordinateur ?
Les moniteurs possèdent des espaces colorimétriques matériels (gamuts tels que sRGB ou Display P3) et des calibrages de luminosité différents. Un code hexadécimal est une instruction mathématique, mais le matériel d'affichage physique décide en dernier ressort de la manière dont cette instruction est restituée.
Qu'est-ce qu'une harmonie de couleurs triadique ?
Une harmonie triadique sélectionne trois couleurs équidistantes (espacées de 120 degrés) sur le cercle chromatique standard, offrant un contraste très vif et équilibré souvent utilisé dans le branding.