ForHosting KIT · Utilidades de desarrollo

Compruebe la proporción de uso de colores de marca

Una paleta de marca no es solo una lista de colores aprobados: también necesita un equilibrio práctico.

● BetaGratis · en su navegador
Úselo desde WebAPIEmailTelegramApp pronto

Esta herramienta convierte la cobertura medida por área de píxeles en porcentajes y compara cada color con la cuota indicada en su guía. Introduzca la cobertura en píxeles o en otra unidad de área coherente, añada porcentajes objetivo como 60, 30 y 10, y elija una tolerancia aceptable. El resultado indica qué colores cumplen, cuánto se desvía exactamente cada uno y si el diseño satisface la guía en conjunto.

Convierta la cobertura de píxeles en una auditoría útil de la paleta

Una pieza visual puede emplear todas las muestras aprobadas y aun así no parecer propia de la marca porque las proporciones son incorrectas. Un campo de acento demasiado grande puede dominar el color principal, mientras que una zona neutra excesiva puede apagar una campaña. Empiece con mediciones del área de píxeles del diseño completo o de una región claramente definida. Añada una fila por cada color de marca y mantenga la misma unidad de cobertura en todas. Los recuentos de píxeles funcionan bien, aunque los puntos cuadrados, las celdas muestreadas u otra unidad de área común producen los mismos porcentajes. La herramienta suma los valores y divide cada color por el total positivo, de modo que las dimensiones de la imagen y la escala de medición no alteran la proporción. Identifique los colores por función o código con nombres que reconozcan los revisores. Incluya toda el área pertinente; omitir un fondo grande o agrupar colores distintos puede hacer que un resultado matemáticamente correcto describa el diseño equivocado.

Defina objetivos e interprete las desviaciones en puntos porcentuales

Introduzca un porcentaje objetivo para cada color de la lista. Los objetivos deben sumar 100 porque representan toda el área medida de colores de marca. Una jerarquía clásica asigna 60 por ciento al color dominante, 30 al secundario y 10 al acento, pero la calculadora no presupone esa regla: admite cualquier distribución completa entre dos y veinte colores. La desviación indicada se expresa en puntos porcentuales, no como una variación porcentual relativa. Si un color ocupa 14 por ciento frente a un objetivo de 10, su desviación es positiva en 4 puntos porcentuales. Si ocupa 27.5 por ciento frente a 30, la desviación es negativa en 2.5 puntos. Un valor positivo indica uso excesivo y uno negativo, uso insuficiente. La tolerancia determina qué diferencias se aceptan. Con una tolerancia de 2, pasan las desviaciones entre menos 2 y más 2. Cada fila recibe su propio resultado y la guía completa solo se cumple cuando todas pasan.

Utilice el resultado en revisiones de diseño y control de calidad

Considere las cifras como pruebas para una revisión visual, no como sustituto de ella. Empiece por el resultado global y examine después las desviaciones individuales para decidir qué ajuste tendrá mayor efecto. Cuando un acento supera el objetivo, reducir ese color o aumentar otras áreas incluidas puede restablecer el equilibrio; los porcentajes están relacionados porque comparten un total. Conserve los datos de cobertura, la distribución objetivo, la tolerancia y el resultado junto a la versión del diseño para que otra persona pueda reproducir la decisión. En un control automatizado, use la respuesta de la API para señalar recursos que fallen y remitirlos a un diseñador en vez de rechazarlos sin explicación. Aplique el mismo método de medición a todas las piezas de una campaña, pues el suavizado, los umbrales de similitud de color, los degradados y el recorte pueden cambiar los recuentos antes de que lleguen a la herramienta. El cálculo es determinista y no analiza imágenes: evalúa los valores de cobertura que usted proporciona.

Revise una composición 60-30-10

Confirme que los colores dominante, secundario y de acento permanecen dentro de la tolerancia acordada en un diseño terminado.

Audite la coherencia de una campaña

Compare las proporciones medidas de la paleta entre banners, gráficos sociales y páginas de destino con una regla reproducible.

Añada un control de calidad de diseño

Marque los recursos exportados cuando algún color de marca se aparte del objetivo más puntos porcentuales de los permitidos.

¿Qué unidad de cobertura debo utilizar?

Utilice píxeles o cualquier unidad de área no negativa, siempre que todos los colores empleen la misma. Los porcentajes solo dependen de las proporciones.

¿Los porcentajes objetivo deben sumar 100?

Sí. Los objetivos representan una distribución completa del área medida de colores de marca, por lo que deben sumar 100.

¿Qué significa la tolerancia?

Es la desviación absoluta máxima en puntos porcentuales permitida para cada color. Todos deben pasar para que se cumpla la guía completa.

¿Esta herramienta extrae colores de una imagen?

No. Evalúa mediciones de cobertura que usted ya posee; no carga, examina ni clasifica imágenes.

¿Qué sucede si todos los valores de cobertura son cero?

La solicitud devuelve un error de entrada no válida porque no se pueden calcular porcentajes a partir de un total que no sea positivo.

¿Cuánto cuesta una solicitud a la API?

Cada solicitud a la API cuesta $0.002. La versión para navegador puede ejecutar localmente el mismo cálculo determinista.

Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.

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

¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.

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"
  }
}

La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.

Por solicitud$0.002

Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.

HTTPCódigoSignificado
401unauthorizedAPI key ausente o inválida.
402insufficient_balanceEl saldo no cubre el precio de la tarea.
404unknown_typeEl tipo de tarea no existe.
429rate_limitedDemasiadas peticiones. Use el webhook en vez de sondear.

Ver la documentación completa del KIT →