Generar paleta
  1. paletas de colores
  2. Component-Based AI Wireframe

Component-Based AI Wireframe

  • Module Grey
    #7a7a7a
  • Whiteboard Beige
    #f9f7f3
  • Hover Coral
    #ff7f66
  • Click Black
    #0f0f0f
  • Token Rose
    #f5a9b8
  • Field Aqua
    #a8e6cf
  6
Creado en 07/13/2025 09:18
porcolorscheme
La paleta consta de Claro, Oscuro colores. Colores de acento Hover Coral #ff7f66 y Field Aqua #a8e6cf. La paleta tiene temperatura de color Neutral, Cálido, Frío.

Por luminosidad, la paleta va de #0F0F0F (más oscuro) a #F9F7F3 (más claro). El rango de luminosidad es amplio.

Saturación mixta: 2 apagados y 3 vivos de 6 colores.

Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.

En conjunto, la temperatura de color tiende al cálido (2 de 6).

Códigos HEX (ordenados): #0F0F0F, #7A7A7A, #A8E6CF, #F5A9B8, #F9F7F3, #FF7F66

La paleta Component-Based AI Wireframe combina 6 códigos de color:
HEX: #7a7a7a, RGB: (122, 122, 122); HEX: #f9f7f3, RGB: (249, 247, 243); HEX: #ff7f66, RGB: (255, 127, 102)
HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #f5a9b8, RGB: (245, 169, 184); HEX: #a8e6cf, RGB: (168, 230, 207)
Versión simplificada de la paleta de colores
Tono oscuro de Gris, Tono claro de Humo blanco, Tono oscuro de Salmón, Tono claro de Negro, Tono oscuro de Rosa claro, Tono oscuro de Turquesa pálido
El esquema de color fue creado por colorscheme

Códigos de colores en la paleta

Component-Based AI Wireframe códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#7a7a7a #7a7a7a RGB(122, 122, 122)Module GreyGray48
#f9f7f3 #f9f7f3 RGB(249, 247, 243)Whiteboard Beige—
#ff7f66 #ff7f66 RGB(255, 127, 102)Hover Coral—
#0f0f0f #0f0f0f RGB(15, 15, 15)Click BlackChaos Black
#f5a9b8 #f5a9b8 RGB(245, 169, 184)Token Rose—
#a8e6cf #a8e6cf RGB(168, 230, 207)Field Aqua—

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
#7a7a7a
#ff7f66
1.73
#f9f7f3
#f5a9b8
1.74
#f9f7f3
#a8e6cf
1.31
#ff7f66
#f5a9b8
1.32
#ff7f66
#a8e6cf
1.75
#f5a9b8
#a8e6cf
1.32

Paleta de imágenes Component-Based AI Wireframe png

Component-Based AI Wireframe paleta de colores: Module Grey, Whiteboard Beige, Hover Coral, Click Black, Token Rose
 Descargar imagen