01
#FBFDFCFondo de la aplicación
sage-1
Radix Sage 1- RGB
rgb(251 253 252)- Texto negro
- 20,56:1
- Texto blanco
- 1,02:1
← Volver al catálogo de colores
Estudio de campo del neutro verde
Sage, catalogado como un espécimen vivo para interfaces.
Una escala neutra con matiz verde para interfaces con acentos mint, teal, jade y green. Recorre los doce pasos oficiales desde el lienzo discreto hasta el texto de alto contraste.
- Pasos de la escala
- 01—12
- Funciones documentadas
- 12
- Versión
- 3.0.0
Procedencia fijada
La exportación clara y opaca exacta de Sage, fijada en 3.0.0.
Esta página contiene únicamente Sage 1–12 de la exportación sRGB clara y opaca de @radix-ui/colors 3.0.0. El modo oscuro, el canal alfa y P3 quedan fuera de esta referencia.
Hexees es una referencia independiente, sin afiliación ni respaldo de WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT
Especímenes prensados
Un matiz verde a través de doce funciones de interfaz.
Se conserva el orden de la fuente oficial. Cada espécimen muestra su valor sRGB exacto, su función documentada y el contraste calculado con texto negro o blanco.
02
#F7F9F8Fondo sutil
sage-2
Radix Sage 2- RGB
rgb(247 249 248)- Texto negro
- 19,86:1
- Texto blanco
- 1,06:1
03
#EEF1F0Fondo de componente
sage-3
Radix Sage 3- RGB
rgb(238 241 240)- Texto negro
- 18,48:1
- Texto blanco
- 1,14:1
04
#E6E9E8Componente bajo el puntero
sage-4
Radix Sage 4- RGB
rgb(230 233 232)- Texto negro
- 17,19:1
- Texto blanco
- 1,22:1
05
#DFE2E0Componente activo
sage-5
Radix Sage 5- RGB
rgb(223 226 224)- Texto negro
- 16,09:1
- Texto blanco
- 1,30:1
06
#D7DAD9Borde sutil
sage-6
Radix Sage 6- RGB
rgb(215 218 217)- Texto negro
- 14,92:1
- Texto blanco
- 1,41:1
07
#CBCFCDBorde interactivo
sage-7
Radix Sage 7- RGB
rgb(203 207 205)- Texto negro
- 13,35:1
- Texto blanco
- 1,57:1
08
#B8BCBABorde fuerte o indicador de foco
sage-8
Radix Sage 8- RGB
rgb(184 188 186)- Texto negro
- 10,94:1
- Texto blanco
- 1,92:1
09
#868E8BFondo sólido
sage-9
Radix Sage 9- RGB
rgb(134 142 139)- Texto negro
- 6,26:1
- Texto blanco
- 3,36:1
10
#7C8481Fondo sólido bajo el puntero
sage-10
Radix Sage 10- RGB
rgb(124 132 129)- Texto negro
- 5,47:1
- Texto blanco
- 3,84:1
11
#5F6563Texto de bajo contraste
sage-11
Radix Sage 11- RGB
rgb(95 101 99)- Texto negro
- 3,53:1
- Texto blanco
- 5,95:1
12
#1A211ETexto de alto contraste
sage-12
Radix Sage 12- RGB
rgb(26 33 30)- Texto negro
- 1,28:1
- Texto blanco
- 16,40:1
Alcance del catálogo
Doce valores de origen. Sin colores canónicos duplicados.
La conciliación con producción no encontró ningún color canónico con el mismo HEX, por lo que cada token Sage conserva la procedencia de Radix. Las páginas individuales permanecen en noindex y la colección completa sí es descubrible.
Comprueba la tipografía real, las superficies adyacentes, los bordes, los indicadores de foco y los estados. La función del token y la relación calculada no garantizan accesibilidad.
Abrir el comprobador de contraste →Comparar con Radix Mauve →