Creado en 07/11/2025 13:02
Dark Mode App Dev Template
- App Shell Black#121212
- Active State Green#80ed99
- Component Grid Slate#7d8597
- Notification Pink#ff6b81
- Surface Panel Grey#dadada
- Text Primary White#fcfcfc
La paleta consta de Oscuro, Luz colores. Colores de acento Active State Green #80ed99 y Notification Pink #ff6b81. La paleta tiene temperatura de color Neutral, Frío, Cálido.
Por luminosidad, la paleta va de #121212 (más oscuro) a #FCFCFC (más claro). El rango de luminosidad es amplio.
La saturación global se siente en su mayoría apagada (croma bajo).
La mayoría de colores están cerca del neutro o con muy poca saturación; las relaciones de matiz son sutiles.
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #121212, #7D8597, #80ED99, #DADADA, #FCFCFC, #FF6B81
La paleta Dark Mode App Dev Template tiene una combinación de colores de códigos de 6:
HEX: #121212, RGB: (18, 18, 18); HEX: #80ed99, RGB: (128, 237, 153); HEX: #7d8597, RGB: (125, 133, 151)
HEX: #ff6b81, RGB: (255, 107, 129); HEX: #dadada, RGB: (218, 218, 218); HEX: #fcfcfc, RGB: (252, 252, 252)
Versión simplificada de la paleta de colores
Sombra de Negro, Matiz de lightgreen, Matiz de lightslategrey, Matiz de lightcoral, Matiz de gainsboro, Matiz de Blanco
El esquema de color fue creado por colorslib
Códigos de colores en la paleta
Dark Mode App Dev Template códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #121212 | #121212 | RGB(18, 18, 18) | App Shell Black | Dark Tone Ink |
| #80ed99 | #80ed99 | RGB(128, 237, 153) | Active State Green | — |
| #7d8597 | #7d8597 | RGB(125, 133, 151) | Component Grid Slate | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Notification Pink | — |
| #dadada | #dadada | RGB(218, 218, 218) | Surface Panel Grey | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Text Primary White | Gray99 |
Contraste de la paleta de colores
6 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 |
#80ed99 | #ff6b81 | 1.88 |
#80ed99 | #dadada | 1.03 |
#80ed99 | #fcfcfc | 1.41 |
#7d8597 | #ff6b81 | 1.35 |
#ff6b81 | #dadada | 1.95 |
#dadada | #fcfcfc | 1.36 |
Paleta de imágenes Dark Mode App Dev Template png
Exportar paleta
Descargue la "Dark Mode App Dev Template" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: