Color y contraste

Todo lo de esta página está generado desde tokens/build/. Ningún color está escrito a mano — si un token cambia, esta página cambia con él.

modo laboratorio

base#f2f3f1surface

panel#fafaf8surface

ink#16191ctext

muted#565d57text

caption#6c706dtext

border#dde0dcfurniture

gridline#e6e8e4furniture

baseline#c4c9c4furniture

signal#128273mark

signal-text#227c6ftext

model#5a63d8mark

model-text#5962d7text

alert#c8503fmark

alert-text#be4737text

series-4#902a00mark

series-5#6331a0mark

missing#e3e5e1furniture

sequentialSignal

sequentialModel

diverging

modo instrumento

base#101418surface

panel#171c22surface

ink#edf1f4text

muted#8b95a0text

caption#7a848ftext

border#2a3138furniture

gridline#232a31furniture

baseline#3a434cfurniture

signal#5fd4c4mark

signal-text#5fd4c4text

model#8b93f8mark

model-text#8b93f8text

alert#e26a5amark

alert-text#e26a5atext

series-4#ffce2cmark

series-5#b454b3mark

missing#1d242bfurniture

sequentialSignal

sequentialModel

diverging

La matriz de contraste

Generada en cada build. No es una opinión de revisión: es una compuerta que bloquea el release.

modo laboratorio

Token	Sobre	Ratio	Rol	Umbral
`ink`	`base`	15.85:1	texto	4.5:1	pasa
`ink`	`panel`	16.88:1	texto	4.5:1	pasa
`muted`	`base`	6.08:1	texto	4.5:1	pasa
`muted`	`panel`	6.48:1	texto	4.5:1	pasa
`caption`	`base`	4.51:1	texto	4.5:1	pasa
`caption`	`panel`	4.81:1	texto	4.5:1	pasa
`border`	`base`	1.19:1	mobiliario	—	exento
`border`	`panel`	1.27:1	mobiliario	—	exento
`gridline`	`base`	1.10:1	mobiliario	—	exento
`gridline`	`panel`	1.18:1	mobiliario	—	exento
`baseline`	`base`	1.50:1	mobiliario	—	exento
`baseline`	`panel`	1.60:1	mobiliario	—	exento
`signal`	`base`	4.22:1	marca	3:1	pasa
`signal`	`panel`	4.49:1	marca	3:1	pasa
`signal-text`	`base`	4.51:1	texto	4.5:1	pasa
`signal-text`	`panel`	4.80:1	texto	4.5:1	pasa
`model`	`base`	4.48:1	marca	3:1	pasa
`model`	`panel`	4.77:1	marca	3:1	pasa
`model-text`	`base`	4.54:1	texto	4.5:1	pasa
`model-text`	`panel`	4.83:1	texto	4.5:1	pasa
`alert`	`base`	4.03:1	marca	3:1	pasa
`alert`	`panel`	4.29:1	marca	3:1	pasa
`alert-text`	`base`	4.55:1	texto	4.5:1	pasa
`alert-text`	`panel`	4.84:1	texto	4.5:1	pasa
`series-4`	`base`	7.49:1	marca	3:1	pasa
`series-4`	`panel`	7.98:1	marca	3:1	pasa
`series-5`	`base`	7.61:1	marca	3:1	pasa
`series-5`	`panel`	8.11:1	marca	3:1	pasa
`missing`	`base`	1.13:1	mobiliario	—	exento
`missing`	`panel`	1.21:1	mobiliario	—	exento

modo instrumento

Token	Sobre	Ratio	Rol	Umbral
`ink`	`base`	16.28:1	texto	4.5:1	pasa
`ink`	`panel`	15.08:1	texto	4.5:1	pasa
`muted`	`base`	6.08:1	texto	4.5:1	pasa
`muted`	`panel`	5.63:1	texto	4.5:1	pasa
`caption`	`base`	4.86:1	texto	4.5:1	pasa
`caption`	`panel`	4.50:1	texto	4.5:1	pasa
`border`	`base`	1.40:1	mobiliario	—	exento
`border`	`panel`	1.30:1	mobiliario	—	exento
`gridline`	`base`	1.27:1	mobiliario	—	exento
`gridline`	`panel`	1.18:1	mobiliario	—	exento
`baseline`	`base`	1.83:1	mobiliario	—	exento
`baseline`	`panel`	1.70:1	mobiliario	—	exento
`signal`	`base`	10.30:1	marca	3:1	pasa
`signal`	`panel`	9.54:1	marca	3:1	pasa
`signal-text`	`base`	10.30:1	texto	4.5:1	pasa
`signal-text`	`panel`	9.54:1	texto	4.5:1	pasa
`model`	`base`	6.71:1	marca	3:1	pasa
`model`	`panel`	6.22:1	marca	3:1	pasa
`model-text`	`base`	6.71:1	texto	4.5:1	pasa
`model-text`	`panel`	6.22:1	texto	4.5:1	pasa
`alert`	`base`	5.67:1	marca	3:1	pasa
`alert`	`panel`	5.25:1	marca	3:1	pasa
`alert-text`	`base`	5.67:1	texto	4.5:1	pasa
`alert-text`	`panel`	5.25:1	texto	4.5:1	pasa
`series-4`	`base`	12.43:1	marca	3:1	pasa
`series-4`	`panel`	11.51:1	marca	3:1	pasa
`series-5`	`base`	4.28:1	marca	3:1	pasa
`series-5`	`panel`	3.96:1	marca	3:1	pasa
`missing`	`base`	1.17:1	mobiliario	—	exento
`missing`	`panel`	1.09:1	mobiliario	—	exento

Comprobados 44 pares · 0 fallos · 8 tokens de mobiliario exentos por declaración explícita.

Los tokens con rol mobiliario —retícula, borde, línea base— están deliberadamente por debajo de 3:1: deben quedar por debajo del dato. La exención se declara token por token en tokens/src/semantic.color.tokens.json y nunca se hereda.

Las series categóricas

modo laboratorio

Orden	Token	Valor
1	`signal`	`#128273`
2	`model`	`#5a63d8`
3	`muted`	`#565d57`
4	`alert`	`#c8503f`
5	`series-4`	`#902a00`
6	`series-5`	`#6331a0`

Los tres pares peor separados, medidos en distancia OKLab bajo simulación de dicromacía:

Par	Normal	Protanopía	Deuteranopía	Tritanopía
`signal` / `model`	0.208	0.189	0.171	0.014
`muted` / `alert`	0.2	0.058	0.155	0.259
`muted` / `series-5`	0.184	0.181	0.155	0.06

modo instrumento

Orden	Token	Valor
1	`signal`	`#5fd4c4`
2	`model`	`#8b93f8`
3	`muted`	`#8b95a0`
4	`alert`	`#e26a5a`
5	`series-4`	`#ffce2c`
6	`series-5`	`#b454b3`

Los tres pares peor separados, medidos en distancia OKLab bajo simulación de dicromacía:

Par	Normal	Protanopía	Deuteranopía	Tritanopía
`signal` / `model`	0.214	0.208	0.163	0.076
`muted` / `series-5`	0.18	0.163	0.09	0.2
`model` / `muted`	0.134	0.134	0.133	0.107

Por debajo de ~0.10 dos marcas dejan de distinguirse con fiabilidad. Por eso la etiqueta directa (UMB-CHT-005) y la prohibición de codificar solo con color (UMB-A11Y-005) no son estilísticas: son la mitigación real del punto más débil de la paleta.