El pago requiere revisión
El ejemplo es ilustrativo. Usa la escala para comparar la intensidad y no comuniques un estado solo mediante el color.
Nivel de señal actual
← Volver al directorio de paletas
Banco de estados semánticos
Sigue una señal rubí desde el susurro hasta la alerta.
La escala Ruby de doce pasos, verificada en la fuente, se organiza como un registro de incidentes. Recorre superficies discretas, bordes, señales sólidas y texto sin cambiar el ejemplo.
- Pasos de la escala
- 12
- Grupos de funciones
- 4
- Versión
- 3.0.0
Evidencia fijada
La exportación Ruby clara y opaca exacta, fijada en 3.0.0.
Esta referencia contiene solo Ruby 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 del alcance.
Hexees es una referencia independiente, sin afiliación ni respaldo de WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT License
Registro de tokens del incidente
Doce señales en una progresión verificada.
Se conserva el orden oficial. Cada entrada compacta reúne la función documentada, el valor sRGB exacto, el contraste calculado y formatos listos para copiar.
01
#FFFCFDFondo de aplicación
ruby-1
- RGB
rgb(255 252 253)- Texto negro
- 20,59:1
- Texto blanco
- 1,02:1
Más formatos
02
#FFF7F8Fondo discreto
ruby-2
- RGB
rgb(255 247 248)- Texto negro
- 19,91:1
- Texto blanco
- 1,05:1
Más formatos
03
#FEEAEDFondo de componente
ruby-3
- RGB
rgb(254 234 237)- Texto negro
- 18,21:1
- Texto blanco
- 1,15:1
Más formatos
04
#FFDCE1Componente al pasar el puntero
ruby-4
- RGB
rgb(255 220 225)- Texto negro
- 16,58:1
- Texto blanco
- 1,27:1
Más formatos
05
#FFCED6Componente activo
ruby-5
- RGB
rgb(255 206 214)- Texto negro
- 15,05:1
- Texto blanco
- 1,40:1
Más formatos
06
#F8BFC8Borde discreto
ruby-6
- RGB
rgb(248 191 200)- Texto negro
- 13,28:1
- Texto blanco
- 1,58:1
Más formatos
07
#EFACB8Borde interactivo
ruby-7
- RGB
rgb(239 172 184)- Texto negro
- 11,26:1
- Texto blanco
- 1,86:1
Más formatos
08
#E592A3Borde fuerte o foco
ruby-8
- RGB
rgb(229 146 163)- Texto negro
- 8,97:1
- Texto blanco
- 2,34:1
Más formatos
09
#E54666Fondo sólido de acción
ruby-9
- RGB
rgb(229 70 102)- Texto negro
- 5,40:1
- Texto blanco
- 3,89:1
Más formatos
10
#DC3B5DFondo sólido al pasar el puntero
ruby-10
- RGB
rgb(220 59 93)- Texto negro
- 4,83:1
- Texto blanco
- 4,35:1
Más formatos
11
#CA244DTexto de contraste reducido
ruby-11
- RGB
rgb(202 36 77)- Texto negro
- 3,87:1
- Texto blanco
- 5,43:1
Más formatos
12
#64172BTexto de contraste alto
ruby-12
- RGB
rgb(100 23 43)- Texto negro
- 1,70:1
- Texto blanco
- 12,36:1
Más formatos
Alcance del catálogo
Un registro de incidente completo, no doce páginas de búsqueda.
La colección se indexa solo mientras los doce valores publicados coincidan con el manifiesto fijado. Las páginas de cada token permanecen en noindex.
Las funciones documentadas y las relaciones de contraste calculadas son evidencia inicial, no una certificación. Acompaña el estado con texto o un icono y prueba controles, foco y superficies adyacentes.