ForHosting KIT · Outils pour développeurs

Vérifiez la proportion d’usage des couleurs de marque

Une palette de marque ne se résume pas à une liste de couleurs autorisées : elle doit aussi présenter un équilibre concret.

● BetaGratuit · dans votre navigateur
Utilisez-le depuis WebAPIE-mailTelegramApp bientôt

Cet outil transforme la couverture mesurée en pixels en pourcentages, puis compare chaque couleur à la part fixée par votre charte. Saisissez une couverture en pixels ou dans toute autre unité de surface cohérente, ajoutez des objectifs comme 60, 30 et 10, puis choisissez une tolérance acceptable. Le résultat indique les couleurs conformes, l’écart exact de chacune et le respect global de la règle.

Transformez la couverture en pixels en audit pertinent de la palette

Un visuel peut employer toutes les teintes autorisées sans pour autant évoquer la marque si leurs proportions sont incorrectes. Une vaste zone d’accent peut écraser la couleur principale, tandis qu’une surface neutre excessive peut affadir une campagne. Commencez par mesurer la surface en pixels du visuel entier ou d’une zone clairement définie. Ajoutez une ligne par couleur de marque et conservez la même unité de couverture partout. Le nombre de pixels convient parfaitement, mais des points carrés, des cellules échantillonnées ou toute autre unité de surface commune donnent les mêmes pourcentages. L’outil additionne les valeurs et divise chaque couverture par le total positif ; les dimensions de l’image et l’échelle de mesure ne modifient donc pas le ratio. Nommez les couleurs par rôle ou par code de manière compréhensible pour les personnes chargées de la validation. Incluez toutes les surfaces concernées : oublier un grand arrière-plan ou fusionner des couleurs différentes peut produire un calcul juste qui décrit pourtant le mauvais visuel.

Définissez les objectifs et interprétez les écarts en points

Saisissez un pourcentage cible pour chaque couleur. Leur somme doit être égale à 100, car ils décrivent l’intégralité de la surface mesurée des couleurs de marque. La hiérarchie classique attribue 60 pour cent à la dominante, 30 à la secondaire et 10 à l’accent, mais l’outil n’impose pas cette règle : toute répartition complète de deux à vingt couleurs est acceptée. L’écart fourni est exprimé en points de pourcentage et non en variation relative. Si une couleur occupe 14 pour cent pour un objectif de 10, son écart est positif de 4 points. Si elle occupe 27.5 pour cent pour un objectif de 30, son écart est négatif de 2.5 points. Une valeur positive signale une surutilisation et une valeur négative une sous-utilisation. La tolérance détermine les écarts acceptables. Avec une tolérance de 2, les valeurs comprises entre moins 2 et plus 2 sont conformes. Chaque ligne est évaluée séparément et la règle globale n’est respectée que si toutes sont conformes.

Intégrez le résultat à la revue graphique et au contrôle qualité

Considérez ces chiffres comme des éléments objectifs pour la revue visuelle, et non comme un substitut à celle-ci. Vérifiez d’abord le verdict global, puis étudiez chaque écart afin de repérer la correction la plus efficace. Lorsqu’un accent dépasse sa cible, réduire cette couleur ou agrandir d’autres surfaces incluses peut rétablir l’équilibre ; tous les pourcentages dépendent du même total. Conservez les données de couverture, les cibles, la tolérance et le résultat avec la version du visuel afin qu’une autre personne puisse reproduire la décision. Pour un contrôle automatisé, servez-vous de la réponse de l’API pour signaler les ressources non conformes et les confier à un graphiste plutôt que de les rejeter sans explication. Appliquez la même méthode de mesure à chaque ressource d’une campagne : l’anticrénelage, les seuils de similitude, les dégradés et le recadrage peuvent modifier les nombres de pixels. Le calcul est déterministe et n’analyse aucune image ; il évalue les couvertures que vous fournissez.

Contrôler une composition 60-30-10

Vérifiez que les couleurs dominante, secondaire et d’accent restent dans la tolérance convenue pour une maquette finalisée.

Auditer la cohérence d’une campagne

Comparez les proportions mesurées sur les bannières, visuels sociaux et pages de destination avec une règle reproductible.

Ajouter un contrôle qualité graphique

Signalez les ressources exportées lorsqu’une couleur de marque dépasse l’écart autorisé par rapport à son objectif.

Quelle unité de couverture faut-il utiliser ?

Utilisez des pixels ou toute unité de surface non négative, à condition d’employer la même pour toutes les couleurs. Seules les proportions comptent.

Les pourcentages cibles doivent-ils totaliser 100 ?

Oui. Ils représentent la répartition complète de la surface mesurée des couleurs de marque et doivent donc totaliser 100.

Que représente la tolérance ?

Il s’agit de l’écart absolu maximal autorisé pour chaque couleur, en points de pourcentage. Toutes les couleurs doivent être conformes pour valider la règle globale.

Cet outil extrait-il les couleurs d’une image ?

Non. Il évalue des mesures de couverture déjà disponibles ; aucune image n’est téléversée, examinée ou classée.

Que se passe-t-il si toutes les couvertures sont nulles ?

La requête renvoie une erreur de saisie, car aucun pourcentage ne peut être calculé à partir d’un total non positif.

Quel est le coût d’une requête API ?

Chaque requête API coûte $0.002. La version pour navigateur exécute gratuitement le même calcul déterministe en local.

Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.

POSThttps://api.kit.forhosting.com/date/brand-color-usage-ratio-check

Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.

curl -X POST https://api.kit.forhosting.com/date/brand-color-usage-ratio-check \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"colors":[{"color":"Primary blue","coverage":60000,"target_percentage":60},{"color":"Secondary gray","coverage":30000,"target_percentage":30},{"color":"Accent orange","coverage":10000,"target_percentage":10}]}'
{
  "colors": [
    {
      "color": "Primary blue",
      "coverage": 60000,
      "target_percentage": 60
    },
    {
      "color": "Secondary gray",
      "coverage": 30000,
      "target_percentage": 30
    },
    {
      "color": "Accent orange",
      "coverage": 10000,
      "target_percentage": 10
    }
  ]
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "date.brand_color_usage_ratio_check",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

HTTPCodeSignification
401unauthorizedClé API absente ou invalide : vérifiez l’en-tête Authorization.
402insufficient_balanceSolde insuffisant : rechargez votre compte pour lancer cette tâche.
404unknown_typeType de tâche inconnu : vérifiez le champ type de votre requête.
429rate_limitedTrop de requêtes : ralentissez la cadence, puis réessayez.

Consulter la documentation complète du KIT →