01
#FAFDFEFondo de la aplicación
cyan-1
- RGB
rgb(250 253 254)- Texto negro
- 20,55:1
- Texto blanco
- 1,02:1
← Volver al directorio de paletas
Laboratorio de señal
Ajuste una señal cian, de tenue a nítida.
Una escala Cyan de doce pasos verificada en la fuente, presentada como una señal continua de interfaz. Recorra desde fondos discretos y bordes de componentes hasta información sólida y texto legible.
- Pasos de escala
- 12
- Roles documentados
- 12
- Versión
- 3.0.0
09/ 12
Fondo informativo sólido
Una corriente, doce intensidades.El token seleccionado controla esta muestra y su color de texto calculado.Muestra de señal activacyan-9
rgb(0 162 199)
Procedencia fijada
La exportación Cyan clara y opaca exacta, fijada en 3.0.0.
Esta referencia contiene solo Cyan 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 y no está afiliada ni respaldada por WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT License
Registro compacto de señal
Doce pasos exactos listos para consultar y copiar.
Se conserva el orden oficial de la fuente. Cada tarjeta reúne el rol, el valor sRGB exacto, el contraste de texto calculado y formatos listos para copiar.
Examinar color
02
#F2FAFBFondo tenue
cyan-2
- RGB
rgb(242 250 251)- Texto negro
- 19,84:1
- Texto blanco
- 1,06:1
Más formatos
03
#DEF7F9Fondo de componente
cyan-3
- RGB
rgb(222 247 249)- Texto negro
- 18,78:1
- Texto blanco
- 1,12:1
Más formatos
04
#CAF1F6Componente bajo el puntero
cyan-4
- RGB
rgb(202 241 246)- Texto negro
- 17,42:1
- Texto blanco
- 1,21:1
Más formatos
05
#B5E9F0Componente activo
cyan-5
- RGB
rgb(181 233 240)- Texto negro
- 15,88:1
- Texto blanco
- 1,32:1
Más formatos
06
#9DDDE7Borde tenue
cyan-6
- RGB
rgb(157 221 231)- Texto negro
- 13,93:1
- Texto blanco
- 1,51:1
Más formatos
07
#7DCEDCBorde interactivo
cyan-7
- RGB
rgb(125 206 220)- Texto negro
- 11,73:1
- Texto blanco
- 1,79:1
Más formatos
08
#3DB9CFBorde fuerte o foco
cyan-8
- RGB
rgb(61 185 207)- Texto negro
- 9,04:1
- Texto blanco
- 2,32:1
Más formatos
09
#00A2C7Fondo informativo sólido
cyan-9
- RGB
rgb(0 162 199)- Texto negro
- 6,99:1
- Texto blanco
- 3,00:1
Más formatos
10
#0797B9Fondo sólido bajo el puntero
cyan-10
- RGB
rgb(7 151 185)- Texto negro
- 6,14:1
- Texto blanco
- 3,42:1
Más formatos
11
#107D98Texto de contraste reducido
cyan-11
- RGB
rgb(16 125 152)- Texto negro
- 4,41:1
- Texto blanco
- 4,76:1
Más formatos
12
#0D3C48Texto de contraste elevado
cyan-12
- RGB
rgb(13 60 72)- Texto negro
- 1,76:1
- Texto blanco
- 11,95:1
Más formatos
Alcance del catálogo
Una escala de señal completa, no doce páginas de búsqueda.
La colección solo se indexa mientras los doce valores publicados coincidan con el manifiesto fijado. Las páginas individuales permanecen noindex para que la referencia completa sea el destino útil.
Un rol informativo y una relación de contraste calculada son datos iniciales, no una certificación. No dependa solo del cian; pruebe etiquetas, controles, bordes, foco de teclado y superficies adyacentes.