01
#FBFEFCFondo de la aplicación
green-1
Radix Green 1- RGB
rgb(251 254 252)- Texto negro
- 20,68:1
- Texto blanco
- 1,02:1
← Volver al catálogo de colores
Escala viva de interfaz
Radix Green, leído como anillos de crecimiento.
Una escala verde de doce pasos verificada con la fuente, desde un fondo tranquilo hasta texto de alto contraste. Todos los roles caben en una tabla de trabajo compacta, sin un muro de botones.
- Pasos de escala
- 01—12
- Roles documentados
- 12
- Versión
- 3.0.0
- 01
#FBFEFC - 02
#F4FBF6 - 03
#E6F6EB - 04
#D6F1DF - 05
#C4E8D1 - 06
#ADDDC0 - 07
#8ECEAA - 08
#5BB98B - 09
#30A46C - 10
#2B9A66 - 11
#218358 - 12
#193B2D
Procedencia fijada
La exportación Green clara y opaca exacta, fijada en 3.0.0.
Esta referencia contiene solo Green 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, sin afiliación ni respaldo de WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT
Tabla de trabajo
Doce pasos ordenados por función de interfaz.
Se conserva el orden de la fuente. Cada fila reúne el rol documentado, el sRGB exacto y el contraste calculado del texto negro o blanco.
Abrir color canónico
02
#F4FBF6Fondo sutil
green-2
Radix Green 2- RGB
rgb(244 251 246)- Texto negro
- 19,98:1
- Texto blanco
- 1,05:1
Más formatos
03
#E6F6EBFondo de componente
green-3
Radix Green 3- RGB
rgb(230 246 235)- Texto negro
- 18,75:1
- Texto blanco
- 1,12:1
Más formatos
04
#D6F1DFComponente al pasar el puntero
green-4
Radix Green 4- RGB
rgb(214 241 223)- Texto negro
- 17,51:1
- Texto blanco
- 1,20:1
Más formatos
05
#C4E8D1Componente activo
green-5
Radix Green 5- RGB
rgb(196 232 209)- Texto negro
- 15,81:1
- Texto blanco
- 1,33:1
Más formatos
06
#ADDDC0Borde sutil
green-6
Radix Green 6- RGB
rgb(173 221 192)- Texto negro
- 13,88:1
- Texto blanco
- 1,51:1
Más formatos
07
#8ECEAABorde interactivo
green-7
Radix Green 7- RGB
rgb(142 206 170)- Texto negro
- 11,56:1
- Texto blanco
- 1,82:1
Más formatos
08
#5BB98BBorde fuerte o foco
green-8
Radix Green 8- RGB
rgb(91 185 139)- Texto negro
- 8,76:1
- Texto blanco
- 2,40:1
Más formatos
09
#30A46CFondo sólido
green-9
Verde Radix 9- RGB
rgb(48 164 108)- Texto negro
- 6,65:1
- Texto blanco
- 3,16:1
Más formatos
10
#2B9A66Fondo sólido al pasar el puntero
green-10
Radix Green 10- RGB
rgb(43 154 102)- Texto negro
- 5,92:1
- Texto blanco
- 3,55:1
Más formatos
11
#218358Texto de contraste moderado
green-11
Radix Green 11- RGB
rgb(33 131 88)- Texto negro
- 4,45:1
- Texto blanco
- 4,72:1
Más formatos
12
#193B2DTexto de contraste alto
green-12
Radix Green 12- RGB
rgb(25 59 45)- Texto negro
- 1,70:1
- Texto blanco
- 12,32:1
Más formatos
Alcance del catálogo
Una escala completa sin inflar el índice.
La colección solo se indexa cuando los doce valores coinciden con el manifiesto fijado. Las páginas de cada token permanecen noindex; Green 9 conserva su identidad canónica.
Los roles documentados y las relaciones de contraste calculadas son un punto de partida, no una garantía. Prueba tipografía, superficies adyacentes, bordes, navegación por teclado y estados reales.
Abrir el comprobador de contraste →Comparar con Radix Sage →