Creado en 06/30/2025 17:47
Frontend Dev Neon Toolkit
- Build Magenta#ff1e9f
- Script Cyan#00ffe7
- Terminal Shadow#0c0c0c
- Popup Chartreuse#dfff00
- Border Silver#ececec
- Deploy Flame#ff5722
La paleta consta de semioscuro, Luz, Oscuro colores. Colores de acento Script Cyan #00ffe7 y Popup Chartreuse #dfff00. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #0C0C0C (más oscuro) a #ECECEC (más claro). El rango de luminosidad es amplio.
La saturación global se siente viva (croma alto).
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
En conjunto, la temperatura de color tiende al cálido.
Códigos HEX (ordenados): #00FFE7, #0C0C0C, #DFFF00, #ECECEC, #FF1E9F, #FF5722
La paleta Frontend Dev Neon Toolkit tiene una combinación de colores de códigos de 6:
HEX: #ff1e9f, RGB: (255, 30, 159); HEX: #00ffe7, RGB: (0, 255, 231); HEX: #0c0c0c, RGB: (12, 12, 12)
HEX: #dfff00, RGB: (223, 255, 0); HEX: #ececec, RGB: (236, 236, 236); HEX: #ff5722, RGB: (255, 87, 34)
Versión simplificada de la paleta de colores
Sombra de deeppink, Sombra de turquoise, Sombra de Negro, Matiz de Amarillo, Matiz de whitesmoke, Sombra de orangered
El esquema de color fue creado por colourlock
Códigos de colores en la paleta
Frontend Dev Neon Toolkit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #ff1e9f | #ff1e9f | RGB(255, 30, 159) | Build Magenta | — |
| #00ffe7 | #00ffe7 | RGB(0, 255, 231) | Script Cyan | — |
| #0c0c0c | #0c0c0c | RGB(12, 12, 12) | Terminal Shadow | Black Wash |
| #dfff00 | #dfff00 | RGB(223, 255, 0) | Popup Chartreuse | Dancing-Lady Orchid |
| #ececec | #ececec | RGB(236, 236, 236) | Border Silver | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | Deploy Flame | — |
Contraste de la paleta de colores
4 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 |
|---|---|---|
#ff1e9f | #ff5722 | 1.11 |
#00ffe7 | #dfff00 | 1.12 |
#00ffe7 | #ececec | 1.08 |
#dfff00 | #ececec | 1.03 |
Paleta de imágenes Frontend Dev Neon Toolkit png
Exportar paleta
Descargue la "Frontend Dev Neon Toolkit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: