Sélecteur de couleur

Pendant une capture d'écran, la loupe de PixPin permet de prélever la couleur de n'importe quel pixel et de la copier dans des formats courants comme RGB ou HEX. Les designers qui comparent des palettes et les développeurs qui vérifient les couleurs d'une interface n'ont pas besoin d'ouvrir un autre sélecteur de couleur.

1024, 368

rgb(4, 133, 247)

C : copier la couleurShift : changer de formatPShift⇧ ShiftCChanger de coordonnéesChanger de formatCopier la couleur1Grille de pixels agrandie2Pixel central prélevé

Prélever une couleur avec la loupeCopy Anchor Link

Pour garder la loupe visible sans maintenir Alt⌥ Option enfoncée, ouvrez la page Capture d'écran des paramètres et réglez Afficher les lignes auxiliaires sur Toujours afficher.

Vous pouvez aussi prélever une couleur sur une épingle : placez le pointeur dessus, maintenez Alt⌥ Option enfoncée pour afficher la loupe, puis appuyez sur CC pour copier la couleur.

Viser précisément un pixelCopy Anchor Link

La grille de la loupe sépare les pixels, et le carré central indique celui dont la couleur sera prélevée. Pour les petites icônes ou les bordures de 1 pixel difficiles à viser avec la souris, déplacez le pointeur au clavier :

Réglez l'affichage de la loupe sur la page Capture d'écran des paramètres :

• Grossissement de la loupe : de 1 à 100×, avec 11× par défaut.
• Contenu de la loupe : cochez les éléments souhaités parmi la grille, le réticule, le cadre central, la bordure de capture, les points de contrôle de capture, les annotations, leurs lignes de contrôle et les coordonnées de la souris.
• Couleur de la grille de la loupe, Mise à l'échelle lissée du contenu de la loupe et Afficher les raccourcis dans la loupe.

Copier les couleurs et changer de formatCopy Anchor Link

Chaque pression sur Shift⇧ Shift passe au format activé suivant dans la loupe. La copie utilise le format affiché.

Formats de couleurCopy Anchor Link

PixPin propose les formats de couleur suivants. RGB et #HEX sont activés par défaut :

Activez les autres formats avant de pouvoir les sélectionner avec Shift⇧ Shift.

Formats de couleur personnalisésCopy Anchor Link

Ajoutez votre propre format si vous avez besoin d'une notation particulière, par exemple une variable CSS ou une constante de couleur dans du code.

Formats de couleur

RGBrgb(%Re, %Gr, %Bl)

BGRbgr(%Bl, %Gr, %Re)

HEX%Rex%Grx%Blx

#HEX#%Rex%Grx%Blx

HSVhsv(%Hu, %Sb%, %Va%)

HSLhsl(%Hu, %Sl%, %Li%)

CSS--brand: #%ReX%GrX%BlX;Cochez pour activer, double-clic pour modifier, clic droit pour le menu, glissez pour trierNouveau formatOK

Ajouter un format

Nom :

CSSFormat :

--brand: #%ReX%GrX%BlX;

--brand: #FF8040;

Paramètres disponibles%ReRouge%GrVert%BlBleu%AlAlpha%HuTeinte%NaNom de couleurExemple : %ReX donne le rouge sur deux chiffres hexadécimaux majuscules.AnnulerEnregistrer

1Cochez pour activer, glissez pour trier2Aperçu en temps réel

Dans Gérer les formats de couleur :

Paramètres courants :

Ajoutez une lettre après les paramètres rouge, vert, bleu ou alpha pour choisir la notation numérique : b donne une valeur de 0 à 255 (par défaut), x / X deux chiffres hexadécimaux (minuscules / majuscules), h / H un chiffre hexadécimal, et f / F un nombre décimal de 0 à 1 (avec / sans zéro initial). Par exemple, #%ReX%GrX%BlX donne #0485F7.

La rubrique Paramètres disponibles de la fenêtre répertorie tous les paramètres, dont les composantes CMYK, HSI, CIE Lab, Oklab, Oklch et XYZ.

CoordonnéesCopy Anchor Link

La loupe affiche aussi les coordonnées du pixel sous le pointeur, selon deux modes :

• Coordonnées de l'écran : l'origine est le coin supérieur gauche de l'écran.
• Coordonnées relatives à la sélection : l'origine est le coin supérieur gauche de la sélection. Ce mode permet de mesurer la position d'un élément d'interface dans une zone.

Appuyez sur PP pour changer de mode, et sur Alt+C⌥ Option+C pour copier les coordonnées actuelles.

• 1240, 712
  Coordonnées de l'écranL'origine est le coin supérieur gauche de l'écran.
• 56, 68
  Coordonnées relatives à la sélectionL'origine est le coin supérieur gauche de la sélection. P change de mode.
• Couleur appliquée
  Couleur d'annotationSélectionnez un outil d'annotation et appuyez sur C pour lui appliquer la couleur.

Prélever une couleur pendant l'annotationCopy Anchor Link

Pendant l'annotation, prélevez directement une couleur dans la capture d'écran pour l'outil d'annotation actif, au lieu de chercher une couleur proche dans la palette :

Lorsqu'un outil d'annotation est sélectionné, CC applique la couleur à l'outil sans copier sa valeur ni terminer la capture d'écran.

Articles connexesCopy Anchor Link