---
name: chart_colors
kind: function
lang: ts
domain: core
version: "1.0.0"
purity: pure
signature: "getChartColor(index: number): string"
description: "Paleta de colores para gráficos basada en CSS variables del tema activo. Colores accesibles por índice cíclico."
tags: [chart, color, theme, palette, visualization, pendiente-usar]
uses_functions: []
uses_types: []
returns: []
returns_optional: false
error_type: ""
imports: []
params:
  - name: index
    desc: "Índice cíclico en la paleta de colores (ciclará sobre 5 colores disponibles)"
output: "String con variable CSS de color para gráficos (ej: 'hsl(var(--chart-1, 220 70% 50%))')"
tested: false
tests: []
test_file_path: ""
file_path: "frontend/functions/core/chart_colors.ts"
source_repo: "https://gitea-dgg044oo04woo4ggcsws4gk0.organic-machine.com/Bl4cksmith/Frontend_Library"
source_license: "MIT"
source_file: "frontend/src/components/ui/charts/chart-base.tsx"
---

## Ejemplo

```typescript
getChartColor(0) // 'hsl(var(--chart-1, 220 70% 50%))'
getChartColor(7) // 'hsl(var(--chart-3, 30 80% 55%))' — cicla sobre 5 colores
```

## Notas

Usa CSS variables del tema con fallback hardcodeado. Los colores cambian automáticamente con el tema activo. También exporta `chartColors` (array) para uso directo.
