> For the complete documentation index, see [llms.txt](https://academy.trowelapp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.trowelapp.com/planificacion/diagrama-de-gantt/colores-de-las-tareas-en-el-gantt.md).

# Colores de las tareas en el Gantt

Las barras de las tareas en el diagrama de Gantt cambian de color en función del **estado temporal** (si va a tiempo, está retrasada o vencida) y del **tipo de elemento** (tarea, bloque, capítulo principal).

El color tiene prioridad según el orden indicado: las condiciones de alerta se aplican antes que los colores por defecto.

<figure><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-3a8b785468796bb51029c457ecda6ebe5c1addbc%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2019.28.28.png?alt=media" alt=""><figcaption></figcaption></figure>

### Colores por estado temporal

<table><thead><tr><th width="187">Estado</th><th>Color principal</th><th>Significado</th></tr></thead><tbody><tr><td>Capítulo</td><td><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-61e69c8a0a1c3ee0cab0cadb4ba621c5498ba9d0%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2019.39.51.png?alt=media" alt="" data-size="original"></td><td>Un capítulo de primer nivel tiene el color de la barra en un morado oscuro. Puede ser que si el conjunto del progreso de sus tareas esté retrasado o vencido, el morado cambie a color naranja o rojo.</td></tr><tr><td>Subcapítulo</td><td><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-98ed349bcfc0ea5d537315d7e10eda1038a9e1a0%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2019.39.44.png?alt=media" alt="" data-size="original"></td><td>Un subcapítulo tiene el color de la barra en un morado claro. Puede ser que si el conjunto del progreso de sus tareas esté retrasado o vencido, el morado cambie a color naranja o rojo.</td></tr><tr><td>Tarea a tiempo</td><td><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-952d03bfe3db36acd5b679f1ac0e00a41f8c28ff%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2019.39.31.png?alt=media" alt="" data-size="original"></td><td>Las tareas que llevan un progreso a tiempo serán de color azul.</td></tr><tr><td><strong>Vencida</strong></td><td><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-186dc80af1d2d25bd4469421b25aa77e579d35c4%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2019.33.43.png?alt=media" alt="" data-size="original"></td><td>La tarea no está terminada y la fecha fin planificada ya ha pasado. Se considera vencida cuando el día de fin es estrictamente anterior a hoy.</td></tr><tr><td><strong>Retrasada</strong></td><td><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-b3c5a7b3f26a09a36c22fbf8da5d24ef70b482c4%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2019.35.51.png?alt=media" alt="" data-size="original"></td><td>En curso, pero el progreso real está por debajo del teórico (según días laborables transcurridos).</td></tr><tr><td><strong>Finalizada con retraso</strong></td><td><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-03b5148769bf3f8c86addc72f2dbfbbd9db08876%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2019.32.36.png?alt=media" alt="" data-size="original"></td><td>Alcanzó 100 % pero la fecha de finalización real fue posterior a la fecha fin planificada.</td></tr><tr><td><strong>Completada (100 %)</strong></td><td><img src="https://963952606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtBUxUisD1XczEOsk8Fzt%2Fuploads%2Fgit-blob-3fd5f05c55f13d220d2dd8fdfdb9f1fe85f36330%2FCaptura%20de%20pantalla%202026-03-14%20a%20las%2019.29.56.png?alt=media" alt="" data-size="original"></td><td>La tarea está terminada (progreso = 100 %) y se finalizó a tiempo.</td></tr></tbody></table>

### Colores por tipo de elemento (cuando no hay alerta)

Si la tarea no está vencida, retrasada ni finalizada con retraso, se aplican estos colores según la jerarquía:

| Tipo                             | Color principal     | Color de fondo                | Descripción                             |
| -------------------------------- | ------------------- | ----------------------------- | --------------------------------------- |
| **Capítulo principal** (nivel 0) | `#9B59B6` (violeta) | `#C873FF` (violeta claro)     | Bloque raíz del árbol.                  |
| **Subcapítulo / bloque**         | `#C873FF` (violeta) | `#E3B9FF` (violeta más claro) | Bloques anidados dentro de un capítulo. |
| **Tarea**                        | `#3498DB` (azul)    | `#87C2EA` (azul claro)        | Tarea de ejecución.                     |

### Orden de prioridad

El sistema aplica el color siguiendo este orden de prioridad (de mayor a menor):

1. **Vencida** — si la fecha fin ya pasó y el progreso < 100 %.
2. **Retrasada / Finalizada con retraso** — si está en curso y retrasada, o terminó después de la fecha planificada.
3. **Completada (100 %)** — si el progreso es 100 % y se finalizó a tiempo.
4. **Por tipo de elemento** — capítulo, subcapítulo o tarea.

### Relación con el panel Progreso de ejecución

El indicador **"Estado"** del panel de Progreso de ejecución (A tiempo / Retraso) utiliza la misma lógica que determina si una barra se muestra en **naranja** (retrasada) o **rojo** (vencida). Así, el color de la barra y el estado mostrado en el panel son coherentes.