Creado en 07/13/2025 17:24
Cloud-Based IDE UI Kit
- Editor Night#212121
- Syntax Aqua#00ffff
- Folder Grey#9e9e9e
- Panel White#fafafa
- Terminal Mint#00c896
- Highlight Yellow#fff89a
La paleta consta de Oscuro, Luz colores. Colores de acento Syntax Aqua #00ffff y Highlight Yellow #fff89a. La paleta tiene temperatura de color Neutral, Frío, Cálido.
Por luminosidad, la paleta va de #212121 (más oscuro) a #FAFAFA (más claro). El rango de luminosidad es amplio.
Saturación mixta: algunos colores apagados y acentos más vivos.
Los matices se reparten ampliamente en la rueda: paleta variada (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #00C896, #00FFFF, #212121, #9E9E9E, #FAFAFA, #FFF89A
La paleta Cloud-Based IDE UI Kit tiene una combinación de colores de códigos de 6:
HEX: #212121, RGB: (33, 33, 33); HEX: #00ffff, RGB: (0, 255, 255); HEX: #9e9e9e, RGB: (158, 158, 158)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #00c896, RGB: (0, 200, 150); HEX: #fff89a, RGB: (255, 248, 154)
Versión simplificada de la paleta de colores
Sombra de Negro, Matiz de darkgrey, Sombra de whitesmoke, Matiz de mediumaquamarine, Sombra de Caqui
El esquema de color fue creado por colorscheme
Códigos de colores en la paleta
Cloud-Based IDE UI Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #212121 | #212121 | RGB(33, 33, 33) | Editor Night | Lead |
| #00ffff | #00ffff | RGB(0, 255, 255) | Syntax Aqua | Aqua |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Folder Grey | Gray62 |
| #fafafa | #fafafa | RGB(250, 250, 250) | Panel White | Dr. White |
| #00c896 | #00c896 | RGB(0, 200, 150) | Terminal Mint | — |
| #fff89a | #fff89a | RGB(255, 248, 154) | Highlight Yellow | — |
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 |
#00ffff | #fafafa | 1.2 |
#00ffff | #00c896 | 1.72 |
#00ffff | #fff89a | 1.14 |
#9e9e9e | #00c896 | 1.23 |
#fafafa | #fff89a | 1.05 |
#00c896 | #fff89a | 1.97 |
Paleta de imágenes Cloud-Based IDE UI Kit png
Exportar paleta
Descargue la "Cloud-Based IDE UI Kit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: