01
#FCFDFCFondo de la aplicación
olive-1
Radix Olive 1- RGB
rgb(252 253 252)- Texto negro
- 20,59:1
- Texto blanco
- 1,02:1
← Volver al catálogo de colores
Prueba impresa del neutro lima
Olive, prensado en doce tonos exactos para interfaces.
Una escala neutra con matiz lima para interfaces combinadas con acentos grass y lime. Los doce pasos oficiales aparecen como una prueba de impresión calibrada, 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 Olive, fijada en 3.0.0.
Esta página contiene únicamente Olive 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
Tiras de calibración
Doce funciones de interfaz con un mismo matiz lima exacto.
Se conserva el orden de la fuente oficial. Cada tira muestra su valor sRGB exacto, su función documentada y el contraste calculado con texto negro o blanco.
02
#F8FAF8Fondo sutil
olive-2
Radix Olive 2- RGB
rgb(248 250 248)- Texto negro
- 20,02:1
- Texto blanco
- 1,05:1
03
#EFF1EFFondo de componente
olive-3
Radix Olive 3- RGB
rgb(239 241 239)- Texto negro
- 18,50:1
- Texto blanco
- 1,14:1
04
#E7E9E7Componente bajo el puntero
olive-4
Radix Olive 4- RGB
rgb(231 233 231)- Texto negro
- 17,21:1
- Texto blanco
- 1,22:1
05
#DFE2DFComponente activo
olive-5
Radix Olive 5- RGB
rgb(223 226 223)- Texto negro
- 16,08:1
- Texto blanco
- 1,31:1
06
#D7DAD7Borde sutil
olive-6
Radix Olive 6- RGB
rgb(215 218 215)- Texto negro
- 14,90:1
- Texto blanco
- 1,41:1
07
#CCCFCCBorde interactivo
olive-7
Radix Olive 7- RGB
rgb(204 207 204)- Texto negro
- 13,36:1
- Texto blanco
- 1,57:1
08
#B9BCB8Borde fuerte o indicador de foco
olive-8
Radix Olive 8- RGB
rgb(185 188 184)- Texto negro
- 10,95:1
- Texto blanco
- 1,92:1
09
#898E87Fondo sólido
olive-9
Radix Olive 9- RGB
rgb(137 142 135)- Texto negro
- 6,28:1
- Texto blanco
- 3,34:1
10
#7F847DFondo sólido bajo el puntero
olive-10
Radix Olive 10- RGB
rgb(127 132 125)- Texto negro
- 5,50:1
- Texto blanco
- 3,82:1
11
#60655FTexto de bajo contraste
olive-11
Radix Olive 11- RGB
rgb(96 101 95)- Texto negro
- 3,52:1
- Texto blanco
- 5,96:1
12
#1D211CTexto de alto contraste
olive-12
Radix Olive 12- RGB
rgb(29 33 28)- Texto negro
- 1,29:1
- Texto blanco
- 16,32: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 Olive 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 Sage →