Sélecteur de pixel et extracteur de palette

Deux façons de sauvegarder des données de couleur d'une page web dans Notion. Le sélecteur de couleur (pixel unique) est gratuit. L'extraction de palette de couleurs (scan de la page entière) nécessite le plan Pro.

Sélecteur de couleur

Gratuit

Échantillonnez n'importe quel pixel d'une page avec l'EyeDropper système et sauvegardez la couleur dans Notion.

Depuis la barre d'outils : Cliquez sur Couleur dans la zone Instantané. Le curseur EyeDropper s'active. Cliquez sur n'importe quel pixel de la page pour l'échantillonner. La couleur se sauvegarde immédiatement, l'orbe confirme.

Depuis le panneau latéral : Cliquez sur + → Couleur. La vignette apparaît dans la ligne des pièces jointes. Vous pouvez sélectionner plusieurs couleurs de cette façon et les sauvegarder ensemble.

Après la sauvegarde : L'orbe affiche la valeur hex avec un bouton Copier. Le presse-papiers n'est écrit que sur action explicite de l'utilisateur : pas de copie automatique.

Ce qui arrive dans Notion : La couleur échantillonnée en valeurs hex, RGB et HSL, plus la famille de couleur détectée (ex. "Rouge chaud", "Bleu profond"). Sauvegardée comme bloc note structuré.

Compatibilité navigateur : L'API EyeDropper nécessite Chrome 95 ou ultérieur. Sur les versions plus anciennes de Chromium, le bouton Couleur peut ne pas apparaître.

Extraction de palette de couleurs

Pro

Extrayez la palette de couleurs dominantes d'une page entière en analysant son CSS et ses éléments rendus.

Depuis le panneau latéral : Cliquez sur + → Palette de couleurs. Filed analyse la page et extrait les couleurs les plus présentes. Une vignette de palette apparaît montrant les couleurs extraites. Modifiez la sélection avant de sauvegarder.

Configuration (Réglages → Palette) :

• Nombre de couleurs : 3 à 12 (défaut : 6)
• Déduplication des couleurs proches : activée/désactivée (défaut : activée)

Après la sauvegarde : L'orbe affiche "N couleurs sauvegardées" avec un bouton Tout copier qui copie toutes les valeurs hex séparées par des virgules dans le presse-papiers.

Ce qui arrive dans Notion : Un ensemble de nuanciers avec leurs valeurs hex, RGB et HSL, sauvegardés comme blocs structurés sur la page Notion. Une bannière WebP 1 500×600 montrant des colonnes colorées avec texte hex est définie comme couverture de page.

Comment ça fonctionne : L'extraction lit les propriétés CSS calculées (background-color, color, border-color) des éléments rendus de la page. Elle ignore les valeurs transparentes et fusionne les teintes quasi-identiques. Les résultats reflètent ce qui est visuellement présent sur la page, pas chaque couleur du CSS.

Limitations :

• Les couleurs définies via canvas, fill SVG ou dégradés CSS peuvent ne pas être capturées.
• Les pages qui chargent les couleurs dynamiquement après une interaction (ex. bascule de mode sombre) reflètent l'état au moment de l'extraction.
• Les images rendues sur canvas et les données de pixels d'images ne sont pas analysées : uniquement les styles CSS calculés.