Passer au contenu
Logo de CrateX.app

CrateX.app

Pipette et Palette d'Image

Pipette et Palette d'Image

Pipette et Palette d'Image permet de prélever des couleurs directement sur une image, d’extraire les teintes dominantes et d’exporter des variables CSS ou du JSON pour le design, les couleurs de marque et les thèmes.

Glissez-déposez l'image ici ou cliquez pour sélectionner

Supporte PNG / JPEG / WebP / AVIF / HEIC / HEIF
Pipette et Palette d'Image

Démarrage rapide

1
Importer image: Glisser-déposer ou cliquer pour sélectionner
2
Changer de panneau: Bureau affiche panneau latéral; Mobile toucher bouton du bas
3
Cliquer pour sélectionner: Cliquez n'importe où sur l'image pour obtenir la couleur du pixel
4
Copier couleur: Après sélection copiez format HEX/RGB/CSS
5
Définir nombre de couleurs: Glissez le curseur ou cliquez preset (4/6/8/12/16/24/32)
6
Extraire palette: Cliquez sur le bouton extraire pour obtenir liste des couleurs dominantes
7
Exporter CSS: Après extraction exportez fichier de variables CSS
8
Exporter JSON: Après extraction exportez fichier de données JSON
9
Réinitialiser: Effacer image actuelle et résultats

Scénarios courants

Sélection couleur design/affiche

Extraire couleurs primaires et accentuées pour schéma de couleurs

Thème/système de design

Exporter variables CSS ou JSON pour projet

Style de composants

Extraire couleurs assorties pour boutons, tags, graphiques

Cohérence de marque

Extraire palette de couleurs standard des ressources de marque

Options de Pipette et Palette

Nombre de couleurs: 2–32, couramment 8/12; photos/dégradés suggèrent 16–32
Boutons preset: 4/6/8/12/16/24/32 changement en un clic
Tri: Par pourcentage de haut en bas, couleurs les plus courantes en premier
Nombre à côté de la couleur: Affiche pourcentage de pixels dans l'image

Conseils d'utilisation

Commencer avec 8/12 pour voir effet global, puis augmenter à 16/24/32 si nécessaire
En utilisant dans un projet, renommer --color-1 en noms sémantiques (ex., --color-primary)
Garder la page au premier plan lors de l'extraction d'images larges pour éviter limitation du navigateur

Limitations et compatibilité

Limite fichier unique 128MB, images très grandes peuvent causer ralentissement
Extraction de palette fait downsampling automatique pour performance, résultats sont couleurs représentatives
Décodage HEIC/HEIF dépend du support navigateur, convertir en JPG/PNG si échec
Pixels transparents sont ignorés ou traités comme RGBA réel

Confidentialité et sécurité

Tous les traitements s’effectuent localement dans le navigateur. Vous pouvez remplacer, effacer et retraiter le contenu à tout moment.

FAQ

5

Poursuivez avec ces outils associés pour l’étape suivante.