Creado en 06/20/2025 16:56
Web IDE Theme for Developers
- Editor Night#0d1117
- Cursor Aqua#00d1ff
- Text Silver#c9d1d9
- Function Orange#ff8800
- Background Jet#1e1e1e
- Bracket Cyan#70d6ff
La paleta consta de Oscuro, Luz colores. Colores de acento Function Orange #ff8800 y Bracket Cyan #70d6ff. La paleta tiene temperatura de color Neutral, Frío, Cálido.
Por luminosidad, la paleta va de #0D1117 (más oscuro) a #C9D1D9 (más claro). El rango de luminosidad es amplio.
Saturación mixta: algunos colores apagados y acentos más vivos.
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 frío.
Códigos HEX (ordenados): #00D1FF, #0D1117, #1E1E1E, #70D6FF, #C9D1D9, #FF8800
La paleta Web IDE Theme for Developers tiene una combinación de colores de códigos de 6:
HEX: #0d1117, RGB: (13, 17, 23); HEX: #00d1ff, RGB: (0, 209, 255); HEX: #c9d1d9, RGB: (201, 209, 217)
HEX: #ff8800, RGB: (255, 136, 0); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #70d6ff, RGB: (112, 214, 255)
Versión simplificada de la paleta de colores
Sombra de Negro, Sombra de deepskyblue, Matiz de lightgrey, Matiz de darkorange, Sombra de Negro, Sombra de skyblue
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
Web IDE Theme for Developers códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #0d1117 | #0d1117 | RGB(13, 17, 23) | Editor Night | — |
| #00d1ff | #00d1ff | RGB(0, 209, 255) | Cursor Aqua | — |
| #c9d1d9 | #c9d1d9 | RGB(201, 209, 217) | Text Silver | — |
| #ff8800 | #ff8800 | RGB(255, 136, 0) | Function Orange | Mandarin Jelly |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Background Jet | — |
| #70d6ff | #70d6ff | RGB(112, 214, 255) | Bracket Cyan | — |
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 |
#0d1117 | #1e1e1e | 1.13 |
#00d1ff | #c9d1d9 | 1.17 |
#00d1ff | #ff8800 | 1.31 |
#00d1ff | #70d6ff | 1.1 |
#c9d1d9 | #ff8800 | 1.55 |
#c9d1d9 | #70d6ff | 1.06 |
Paleta de imágenes Web IDE Theme for Developers png
Exportar paleta
Descargue la "Web IDE Theme for Developers" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: