Creado en 07/28/2025 11:26
Real-Time Collaboration UX Toolkit
Presence Green
#a7f3d0
Cursor Pink
#ff90b3
Session Sky
#89cff0
Overlay Gray
#e2e8f0
Channel Indigo
#6366f1
Status White
#f9fafb
La paleta consta de Luz colores. Colores de acento Cursor Pink #ff90b3 y Session Sky #89cff0. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta Real-Time Collaboration UX Toolkit tiene una combinación de colores de códigos de 6:
HEX: #a7f3d0, RGB: (167, 243, 208); HEX: #ff90b3, RGB: (255, 144, 179); HEX: #89cff0, RGB: (137, 207, 240)
HEX: #e2e8f0, RGB: (226, 232, 240); HEX: #6366f1, RGB: (99, 102, 241); HEX: #f9fafb, RGB: (249, 250, 251)
Versión simplificada de la paleta de colores
Sombra de aquamarine, Sombra de hotpink, Sombra de skyblue, Matiz de aliceblue, Matiz de mediumslateblue, Sombra de whitesmoke
El esquema de color fue creado por palettespicker
Códigos de colores en la paleta
Real-Time Collaboration UX Toolkit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #a7f3d0 | #a7f3d0 | RGB(167, 243, 208) | Presence Green | — |
| #ff90b3 | #ff90b3 | RGB(255, 144, 179) | Cursor Pink | — |
| #89cff0 | #89cff0 | RGB(137, 207, 240) | Session Sky | Pool Tiles |
| #e2e8f0 | #e2e8f0 | RGB(226, 232, 240) | Overlay Gray | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Channel Indigo | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Status White | — |
Contraste de la paleta de colores
9 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 |
#a7f3d0 | #ff90b3 | 1.65 |
#a7f3d0 | #89cff0 | 1.33 |
#a7f3d0 | #e2e8f0 | 1.04 |
#a7f3d0 | #f9fafb | 1.22 |
#ff90b3 | #89cff0 | 1.23 |
#ff90b3 | #e2e8f0 | 1.72 |
