Generar paleta
  1. paletas de colores
  2. JavaScript Dashboard Flow State

JavaScript Dashboard Flow State

  • Logic Mint
    #aaf0d1
  • Variable Ink
    #1a1a1a
  • UI Panel Grey
    #d9d9d9
  • Breakpoint Coral
    #ff6f61
  • Form Element Blue
    #4682b4
  • UX Paper White
    #ffffff
  16
Creado en 07/07/2025 17:23
porcolorday
La paleta consta de Claro, Oscuro colores. Colores de acento Logic Mint #aaf0d1 y Breakpoint Coral #ff6f61. La paleta tiene temperatura de color Frío, Neutral, Cálido.

Por luminosidad, la paleta va de #1A1A1A (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es amplio.

Saturación mixta: 3 apagados y 2 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 frío (2 de 6).

Códigos HEX (ordenados): #1A1A1A, #4682B4, #AAF0D1, #D9D9D9, #FF6F61, #FFFFFF

La paleta JavaScript Dashboard Flow State combina 6 códigos de color:
HEX: #aaf0d1, RGB: (170, 240, 209); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #d9d9d9, RGB: (217, 217, 217)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #4682b4, RGB: (70, 130, 180); HEX: #ffffff, RGB: (255, 255, 255)
Versión simplificada de la paleta de colores
Tono claro de Aguamarina, Tono claro de Negro, Tono oscuro de Gainsboro, Tono oscuro de Salmón, Azul acero, Blanco
El esquema de color fue creado por colorday

Códigos de colores en la paleta

JavaScript Dashboard Flow State códigos de color HEX, información RGB en la tabla

Color HEX RGB Nombre nombre alternativo
#aaf0d1 #aaf0d1 RGB(170, 240, 209)Logic MintMagic Mint
#1a1a1a #1a1a1a RGB(26, 26, 26)Variable InkGray10
#d9d9d9 #d9d9d9 RGB(217, 217, 217)UI Panel GreyGray85
#ff6f61 #ff6f61 RGB(255, 111, 97)Breakpoint CoralLiving Coral
#4682b4 #4682b4 RGB(70, 130, 180)Form Element BlueSteelblue
#ffffff #ffffff RGB(255, 255, 255)UX Paper WhiteWhite

Contraste de la paleta de colores

5 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
#aaf0d1
#d9d9d9
1.08
#aaf0d1
#ffffff
1.3
#d9d9d9
#ff6f61
1.93
#d9d9d9
#ffffff
1.41
#ff6f61
#4682b4
1.5

Paleta de imágenes JavaScript Dashboard Flow State png

JavaScript Dashboard Flow State paleta de colores: Logic Mint, Variable Ink, UI Panel Grey, Breakpoint Coral
 Descargar imagen