Creado en 07/17/2025 08:24
AI-Ready Design Tokens for UI Frameworks
State Indigo
#4b3f72
Layer Gray
#d3d3d3
Hover Sky
#a2d2ff
Selection Gold
#ffd700
Border Soft Black
#222222
Panel White
#fbfbfb
La paleta consta de Luz, Oscuro colores. Colores de acento Hover Sky #a2d2ff y Selection Gold #ffd700. La paleta tiene temperatura de color Frío, Neutral, Cálido.
La paleta AI-Ready Design Tokens for UI Frameworks tiene una combinación de colores de códigos de 6:
HEX: #4b3f72, RGB: (75, 63, 114); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #a2d2ff, RGB: (162, 210, 255)
HEX: #ffd700, RGB: (255, 215, 0); HEX: #222222, RGB: (34, 34, 34); HEX: #fbfbfb, RGB: (251, 251, 251)
Versión simplificada de la paleta de colores
Matiz de darkslateblue, lightgrey, Sombra de lightskyblue, gold, Sombra de Negro, Matiz de Blanco
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
AI-Ready Design Tokens for UI Frameworks códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #4b3f72 | #4b3f72 | RGB(75, 63, 114) | State Indigo | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Layer Gray | Pinball |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Hover Sky | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Selection Gold | Gold |
| #222222 | #222222 | RGB(34, 34, 34) | Border Soft Black | Black Out |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Panel White | Whiteout |
Contraste de la paleta de colores
7 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
#4b3f72 | #222222 | 1.7 |
#d3d3d3 | #a2d2ff | 1.06 |
#d3d3d3 | #ffd700 | 1.06 |
#d3d3d3 | #fbfbfb | 1.44 |
#a2d2ff | #ffd700 | 1.13 |
#a2d2ff | #fbfbfb | 1.53 |
