01
#FFFCFCFondo de la aplicación
red-1
Radix Red 1- RGB
rgb(255 252 252)- Texto negro
- 20,58:1
- Texto blanco
- 1,02:1
← Volver al catálogo de colores
Calibración de advertencias
Radix Red: medir antes de asignar significado.
Una escala roja de doce pasos verificada con la fuente y presentada como instrumento de interfaz. Revise los roles exactos y el contraste antes de asociarla con error, rechazo, peligro o una acción destructiva.
- Pasos de la escala
- 01—12
- Roles documentados
- 12
- Versión
- 3.0.0
- 01
#FFFCFC - 02
#FFF7F7 - 03
#FEEBEC - 04
#FFDBDC - 05
#FFCDCE - 06
#FDBDBE - 07
#F4A9AA - 08
#EB8E90 - 09
#E5484D - 10
#DC3E42 - 11
#CE2C31 - 12
#641723
El paso 9 es el fondo sólido de referencia de la escala, no una garantía automática de accesibilidad o significado.
Procedencia fijada
La escala Red clara y opaca exacta, fijada en la versión 3.0.0.
Esta referencia contiene solo Red 1–12 de la exportación sRGB clara y opaca de @radix-ui/colors 3.0.0. Las variantes oscuras, alfa y P3 quedan fuera.
Hexees es una referencia independiente y no está afiliada ni respaldada por WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT
Registro de roles medidos
Doce pasos agrupados por trabajo de interfaz.
El orden de la fuente se conserva dentro de tres rangos funcionales. Cada fila combina el rol documentado, el sRGB exacto y el contraste calculado con texto negro o blanco.
Superficies · 01—05
Abrir el color
02
#FFF7F7Fondo sutil
red-2
Radix Red 2- RGB
rgb(255 247 247)- Texto negro
- 19,90:1
- Texto blanco
- 1,06:1
Más formatos
03
#FEEBECFondo de componente
red-3
Radix Red 3- RGB
rgb(254 235 236)- Texto negro
- 18,31:1
- Texto blanco
- 1,15:1
Más formatos
04
#FFDBDCComponente bajo el puntero
red-4
Radix Red 4- RGB
rgb(255 219 220)- Texto negro
- 16,42:1
- Texto blanco
- 1,28:1
Más formatos
05
#FFCDCEComponente activo
red-5
Radix Red 5- RGB
rgb(255 205 206)- Texto negro
- 14,88:1
- Texto blanco
- 1,41:1
Más formatos
Bordes · 06—08
06
#FDBDBEBorde sutil
red-6
Radix Red 6- RGB
rgb(253 189 190)- Texto negro
- 13,20:1
- Texto blanco
- 1,59:1
Más formatos
07
#F4A9AABorde interactivo
red-7
Radix Red 7- RGB
rgb(244 169 170)- Texto negro
- 11,10:1
- Texto blanco
- 1,89:1
Más formatos
08
#EB8E90Borde fuerte o indicador de foco
red-8
Radix Red 8- RGB
rgb(235 142 144)- Texto negro
- 8,80:1
- Texto blanco
- 2,39:1
Más formatos
Fondo sólido y texto · 09—12
09
#E5484DFondo sólido
red-9
Rojo Radix 9- RGB
rgb(229 72 77)- Texto negro
- 5,37:1
- Texto blanco
- 3,91:1
Más formatos
10
#DC3E42Fondo sólido bajo el puntero
red-10
Radix Red 10- RGB
rgb(220 62 66)- Texto negro
- 4,81:1
- Texto blanco
- 4,37:1
Más formatos
11
#CE2C31Texto de contraste moderado
red-11
Radix Red 11- RGB
rgb(206 44 49)- Texto negro
- 4,03:1
- Texto blanco
- 5,21:1
Más formatos
12
#641723Texto de contraste alto
red-12
Radix Red 12- RGB
rgb(100 23 35)- Texto negro
- 1,69:1
- Texto blanco
- 12,44:1
Más formatos
Uso con evidencia
Un color de advertencia todavía necesita contexto.
La colección solo se indexa cuando los doce valores coinciden con el manifiesto fijado. Las páginas de tokens siguen en noindex; Red 9 conserva su registro canónico existente.
Un tono rojo por sí solo no comunica error o peligro. Añada texto u otra señal y pruebe la tipografía real, superficies adyacentes, bordes, foco y estados de interacción.