Creado en 07/04/2025 09:45
Dark Mode Design Framework
- Background Jet#121212
- Surface Iron#1e1e1e
- Accent Neon#64ffda
- Text Snow#fafafa
- Hover Violet#b388ff
- Secondary Grey#757575
- Primary Cyan#00e5ff
La paleta consta de Oscuro, Luz colores. Colores de acento Accent Neon #64ffda y Text Snow #fafafa. La paleta tiene temperatura de color Neutral, Frío.
Por luminosidad, la paleta va de #121212 (más oscuro) a #FAFAFA (más claro). El rango de luminosidad es amplio.
La saturación global se siente en su mayoría apagada (croma bajo).
Los matices quedan en una banda vecina en la rueda (heurística).
La mayoría de muestras se leen como neutras en temperatura.
Códigos HEX (ordenados): #00E5FF, #121212, #1E1E1E, #64FFDA, #757575, #B388FF, #FAFAFA
La paleta Dark Mode Design Framework tiene una combinación de colores de códigos de 7:
HEX: #121212, RGB: (18, 18, 18); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #64ffda, RGB: (100, 255, 218)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #b388ff, RGB: (179, 136, 255); HEX: #757575, RGB: (117, 117, 117)
HEX: #00e5ff, RGB: (0, 229, 255)
Versión simplificada de la paleta de colores
Sombra de Negro, Sombra de Negro, Matiz de aquamarine, Sombra de whitesmoke, Sombra de mediumpurple, Sombra de dimgrey, Sombra de darkturquoise
El esquema de color fue creado por colorhunt
Códigos de colores en la paleta
Dark Mode Design Framework códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #121212 | #121212 | RGB(18, 18, 18) | Background Jet | Dark Tone Ink |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Surface Iron | — |
| #64ffda | #64ffda | RGB(100, 255, 218) | Accent Neon | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Text Snow | Dr. White |
| #b388ff | #b388ff | RGB(179, 136, 255) | Hover Violet | — |
| #757575 | #757575 | RGB(117, 117, 117) | Secondary Grey | Sonic Silver |
| #00e5ff | #00e5ff | RGB(0, 229, 255) | Primary Cyan | — |
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 |
#121212 | #1e1e1e | 1.12 |
#64ffda | #fafafa | 1.19 |
#64ffda | #00e5ff | 1.23 |
#fafafa | #00e5ff | 1.47 |
#b388ff | #757575 | 1.72 |
#b388ff | #00e5ff | 1.73 |
Paleta de imágenes Dark Mode Design Framework png
Exportar paleta
Descargue la "Dark Mode Design Framework" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: