Color Palette Editor

Un seul espace pour des fichiers de palette hétérogènes

Ouvrez un ou plusieurs fichiers, ou ajoutez-en d’autres à la palette déjà affichée. L’éditeur comprend son propre format de palette JSON (avec un tableau colors), les nuanciers Adobe ASE et ACO, les propriétés personnalisées CSS, les déclarations de couleur SVG et les fichiers TXT ou SSS contenant des valeurs $AARRGGBB. Chaque couleur apparaît avec son nom et sa valeur hexadécimale, prête à être copiée, renommée ou retirée.

Nettoyer, trier, exporter

• Exclure le noir, le blanc, les gris exacts et les valeurs en double.
• Remplacer la transparence par une opacité totale si nécessaire.
• Conserver l’ordre d’origine ou trier en ordre croissant ou décroissant par teinte, saturation, luminosité, luminosité puis teinte, luminance ou selon un regroupement pensé pour la conception d’interfaces.
• Nommer la palette et la télécharger en JSON, Adobe ASE, Adobe ACO, aperçu SVG ou fichier CSS de propriétés personnalisées.

De l’import à la palette finie

1. Choisissez un ou plusieurs fichiers pris en charge ; ajoutez-en d’autres plus tard s’ils doivent rejoindre la même palette.
2. Définissez les exclusions, puis la méthode et le sens du tri.
3. Passez les nuances en revue, modifiez les noms, copiez des valeurs ou retirez des couleurs.
4. Saisissez un nom de palette.
5. Téléchargez le résultat en JSON, ASE, SVG, ACO ou CSS.

À qui il s’adresse

Aux designers, développeurs front-end, illustrateurs et à toute personne qui doit examiner, nettoyer ou convertir un ensemble de couleurs sans installer d’utilitaire de bureau. Une connaissance de base des fichiers de palette ou de style aide, mais l’affichage visuel des nuances rend les vérifications et conversions simples accessibles sans expertise. Cas typiques : réunir les nuances de plusieurs fichiers dans un seul livrable, convertir des couleurs ASE ou ACO en propriétés personnalisées CSS pour un projet web, ou extraire les couleurs de variables CSS ou d’une illustration SVG.

Traitement local et limites

Les fichiers de palette sont lus et traités entièrement dans le navigateur, sans envoi de leur contenu à un serveur ; les fichiers exportés sont générés localement puis téléchargés par le navigateur. L’application charge tous ses fichiers, polices comprises, depuis sa propre adresse et n’adresse aucune requête à des tiers. La langue, le thème et les réglages de traitement sont conservés dans le stockage local ; les palettes importées restent en mémoire le temps de la session de la page et l’application ne les garde pas après sa fermeture. Ni la palette ni les réglages ne figurent dans l’URL : pour partager un résultat, on envoie le fichier exporté.

Impossible de créer des couleurs de toutes pièces : l’éditeur part toujours des couleurs trouvées dans les fichiers importés. L’import CSS lit les déclarations de propriétés personnalisées et accepte l’hexadécimal, rgb() ou rgba() séparés par des virgules et les couleurs CSS nommées ; il n’évalue ni feuilles de style, ni variables, ni dégradés, ni hsl(), ni la syntaxe moderne séparée par des espaces. L’import SVG extrait les valeurs prises en charge des attributs fill, stroke et color ou des styles en ligne, sans résoudre les feuilles de style liées, les remplissages par dégradé ni les couleurs héritées ou calculées. Les couleurs Adobe hors RGB sont converties en RGB pour l’édition et l’export : le modèle colorimétrique d’origine et les métadonnées de tons directs ne sont pas conservés. Les fichiers très volumineux ou complexes sont limités par la mémoire et la vitesse du navigateur. Il n’y a ni compte, ni stockage en ligne, ni synchronisation, ni édition collaborative. La copie de valeurs requiert l’accès au presse-papiers ou un contexte sécurisé. L’interface existe en 21 langues, en thème clair, sombre ou aligné sur le système.

Les commandes principales d’import, de filtrage, de tri, de nommage et d’export sont des éléments de formulaire HTML libellés et accessibles au clavier, et les boutons de thème indiquent leur état activé. Certaines interactions restent toutefois orientées pointeur : la nuance elle-même est cliquable mais ne reçoit pas le focus clavier, et la palette générée n’est pas exposée aux lecteurs d’écran sous forme de tableau structuré. Les animations de l’interface ne tiennent pas encore compte de la préférence de réduction des animations.