Generar paleta
  1. paletas de colores
  2. Responsive Web System Overlay

Responsive Web System Overlay

  • Flexbox Fog
    #f2f5f8
  • Gridline Teal
    #009688
  • JSon Plum
    #b388eb
  • Container Gold
    #ffde59
  • Stack Dark
    #212121
  • Hover Red
    #f44336
  1
Creado en 07/10/2025 08:38
porcoolor
La paleta consta de Claro, Oscuro colores. Colores de acento Gridline Teal #009688 y Container Gold #ffde59. La paleta tiene temperatura de color Neutral, Frío, Cálido.

Por luminosidad, la paleta va de #212121 (más oscuro) a #F2F5F8 (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): #009688, #212121, #B388EB, #F2F5F8, #F44336, #FFDE59

La paleta Responsive Web System Overlay combina 6 códigos de color:
HEX: #f2f5f8, RGB: (242, 245, 248); HEX: #009688, RGB: (0, 150, 136); HEX: #b388eb, RGB: (179, 136, 235)
HEX: #ffde59, RGB: (255, 222, 89); HEX: #212121, RGB: (33, 33, 33); HEX: #f44336, RGB: (244, 67, 54)
Versión simplificada de la paleta de colores
Tono oscuro de Humo blanco, Tono claro de Cian oscuro, Tono claro de Púrpura medio, Tono claro de Oro, Tono claro de Negro, Tono oscuro de Tomate
El esquema de color fue creado por coolor

Códigos de colores en la paleta

Responsive Web System Overlay códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#f2f5f8 #f2f5f8 RGB(242, 245, 248)Flexbox Fog—
#009688 #009688 RGB(0, 150, 136)Gridline Teal—
#b388eb #b388eb RGB(179, 136, 235)JSon Plum—
#ffde59 #ffde59 RGB(255, 222, 89)Container Gold—
#212121 #212121 RGB(33, 33, 33)Stack DarkLead
#f44336 #f44336 RGB(244, 67, 54)Hover Red—

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
#f2f5f8
#ffde59
1.21
#009688
#b388eb
1.33
#009688
#f44336
1
#b388eb
#f44336
1.33

Paleta de imágenes Responsive Web System Overlay png

Responsive Web System Overlay paleta de colores: Flexbox Fog, Gridline Teal, JSon Plum, Container Gold, Stack Dark, Hover Red
 Descargar imagen