Herramienta de color gratuita en el navegador
Calculadora de diferencia de color Delta E
Introduce dos colores HEX para calcular su Delta E CIEDE2000, comparar las muestras y ver cuánto cambian matiz, saturación y brillo. El cálculo se actualiza en el navegador y no requiere cuenta.
Actualizado el 17 de julio de 2026
Cómo funciona el cálculo CIEDE2000
Un código HEX describe cantidades de rojo, verde y azul para una pantalla, pero una variación numérica idéntica en RGB no siempre produce un cambio visual igual. CIEDE2000 parte de valores CIELAB, cuyos ejes buscan relacionarse mejor con la percepción humana, y corrige el comportamiento de luminosidad, croma y matiz. Por eso suele resultar más informativo que medir una distancia geométrica entre tres canales RGB cuando queremos estimar cuánto se distinguen dos muestras.
La calculadora interpreta cada HEX válido, lo convierte mediante la misma biblioteca de color que utiliza Toon Tone y evalúa el par con CIEDE2000. Intercambiar A y B no cambia el Delta E. El panel HSB es un diagnóstico independiente: presenta dimensiones cómodas para editar, pero no se suma ni sustituye al resultado perceptual. Así puedes conocer tanto la magnitud modelada de la diferencia como la dirección probable de la corrección.
Por qué un Delta E menor suele significar mayor parecido
Un valor cero significa que las dos muestras interpretadas son iguales para el cálculo. Cuando el número crece, aumenta la separación perceptual modelada. Esa dirección es sencilla; el punto exacto en que alguien nota o acepta el cambio depende del contexto. No tiene la misma exigencia un diseñador que revisa dos tokens en un monitor calibrado, una imprenta sobre papel texturizado o una persona que recuerda un personaje desde la pantalla de un teléfono.
Usa Delta E como información para decidir, no como la decisión completa. Compara las muestras con el tamaño, fondo y medio finales. Anota el nombre de la fórmula, ya que Delta E 76, Delta E 94 y CIEDE2000 pueden ofrecer cifras diferentes para el mismo par. Si un contrato, una guía de marca, un laboratorio o una especificación de producción fija una tolerancia, esa regla tiene prioridad sobre cualquier rango genérico de esta página.
Diagnostica la corrección con las diferencias HSB
El matiz ubica el color alrededor de la rueda, la saturación expresa intensidad y el brillo indica lo claro u oscuro que se muestra. Dos pares con Delta E parecido pueden necesitar ajustes totalmente distintos. En uno puede dominar el brillo; en otro, un pequeño cruce de matiz. Las diferencias absolutas HSB revelan esa dirección. Para el matiz se usa la distancia circular más corta, de modo que pasar de 359 a 1 grados son dos grados y no un salto de 358.
Estas cifras ayudan al ajustar un token o entrenar memoria cromática. Si el matiz está cerca y el brillo se aleja, conserva la familia y corrige primero el valor. Si brillo y saturación coinciden pero cambia el matiz, recorre la rueda sin mover los demás controles. HSB no es perceptualmente uniforme, por lo que desplazamientos iguales pueden producir Delta E distintos. Lee HSB como pista de edición y CIEDE2000 como comparación modelada.
La pantalla, la luz y el entorno siguen importando
Una herramienta web no controla la pantalla donde aparecen las muestras. La calibración, el perfil de color, el nivel de brillo, el ángulo de visión, la luz ambiente e incluso un protector teñido modifican la apariencia. Los colores vecinos también influyen: un gris puede parecer cálido junto a azul y frío junto a naranja. La vista previa ofrece un fondo neutro y cómodo, pero no reproduce todos los materiales, procesos de impresión, dispositivos o fotogramas donde se usarán los colores.
Para interfaces, prueba el componente real en dispositivos representativos y en temas claro y oscuro. Para impresión u objetos físicos, compara muestras controladas bajo el procedimiento de iluminación y medición establecido. Guarda los HEX originales y la versión de la fórmula para que otra persona pueda reproducir el resultado. Si la decisión afecta a fabricación, seguridad, coste o identidad de marca, usa instrumentos calibrados y la tolerancia oficial, no una captura de una pantalla sin calibrar.
Delta E no es una prueba de contraste
Delta E estima cuánto difieren dos colores según un modelo perceptual. Una relación de contraste compara luminancia relativa entre primer plano y fondo, normalmente para evaluar separación visual de texto e interfaz bajo una norma de accesibilidad. Dos tonos pueden diferir claramente en matiz y seguir ofreciendo un contraste pobre para leer. También puede haber contraste útil entre dos neutros cuyo matiz apenas cambia. Las métricas responden preguntas distintas y ninguna reemplaza a la otra.
Si eliges texto, iconos, indicadores de foco o controles, ejecuta además la prueba de contraste exigida. No uses el valor Delta E de esta página para afirmar conformidad con WCAG. Delta E sí puede ayudar a comparar tokens de marca, detectar una alteración de paleta o cuantificar cuánto se desplazó un tono recordado. El flujo correcto define primero la decisión y después utiliza la medición correspondiente, en lugar de aplicar un solo número atractivo a cualquier problema cromático.
Flujos útiles para diseño, desarrollo y práctica
Un diseñador puede comparar un token aprobado con una propuesta, documentar el valor y comprobar si el cambio procede de matiz, saturación o brillo. Un desarrollador puede revisar variables CSS, migraciones de tema, capturas o refactorizaciones de paleta. Un equipo de contenido puede contrastar dos muestras de campaña antes de consultar al responsable de marca. Siempre que existan los valores originales, pégalos directamente; muestrear una imagen comprimida puede introducir otra transformación antes de empezar.
Quienes juegan a Toon Tone pueden comparar el tono recordado con el objetivo revelado. Delta E resume la proximidad y las diferencias HSB señalan el control que se desvió. Una práctica útil registra un sesgo recurrente, como elegir colores demasiado claros, y corrige solo ese aspecto en la siguiente ronda. La calculadora no inventa un percentil de memoria ni reemplaza la puntuación del juego; ofrece una medida transparente entre dos muestras para estudiar mejor la revelación.