AI Image Generator UI Kit
- Render Orange Mist#ffb88f
- Prompt Indigo Neon#7c71ff
- Detail Fog White#f9fafc
- Variation Pink Sand#ffd1d7
- Layer Shadow Gray#2c2c2c
- Output Cyan#92f1ff
Creado en 06/24/2025 17:19
La paleta consta de Claro, Oscuro colores. Colores de acento Variation Pink Sand #ffd1d7 y Output Cyan #92f1ff. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #2C2C2C (más oscuro) a #F9FAFC (más claro). El rango de luminosidad es amplio.
La saturación global se siente viva (croma alto) — el 67% de los colores son vivos.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
Las notas cálidas y frías están bastante equilibradas (2 cálidas, 2 frías).
Códigos HEX (ordenados): #2C2C2C, #7C71FF, #92F1FF, #F9FAFC, #FFB88F, #FFD1D7
La paleta AI Image Generator UI Kit combina 6 códigos de color:
HEX: #ffb88f, RGB: (255, 184, 143); HEX: #7c71ff, RGB: (124, 113, 255); HEX: #f9fafc, RGB: (249, 250, 252)
HEX: #ffd1d7, RGB: (255, 209, 215); HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #92f1ff, RGB: (146, 241, 255)
Versión simplificada de la paleta de colores
Tono claro de Salmón claro, Tono claro de Azul pizarra medio, Tono claro de Humo blanco, Tono claro de Rosa, Tono claro de Negro, Tono oscuro de Turquesa pálido
El esquema de color fue creado por colorstudio
Códigos de colores en la paleta
AI Image Generator UI Kit códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #ffb88f | #ffb88f | RGB(255, 184, 143) | Render Orange Mist | — |
| #7c71ff | #7c71ff | RGB(124, 113, 255) | Prompt Indigo Neon | — |
| #f9fafc | #f9fafc | RGB(249, 250, 252) | Detail Fog White | — |
| #ffd1d7 | #ffd1d7 | RGB(255, 209, 215) | Variation Pink Sand | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Layer Shadow Gray | — |
| #92f1ff | #92f1ff | RGB(146, 241, 255) | Output 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 |
|---|---|---|
#ffb88f | #f9fafc | 1.6 |
#ffb88f | #ffd1d7 | 1.22 |
#ffb88f | #92f1ff | 1.29 |
#f9fafc | #ffd1d7 | 1.3 |
#f9fafc | #92f1ff | 1.23 |
#ffd1d7 | #92f1ff | 1.05 |
Paleta de imágenes AI Image Generator UI Kit png
Exportar paleta
Descargue la "AI Image Generator UI Kit" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: