Gerar paleta
  1. Paletas de cores
  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
Criado em 07/07/2025 17:23
porcolorday
A paleta consiste em cores Claro, Escuro. Cores de destaque Logic Mint #aaf0d1 e Breakpoint Coral #ff6f61. A paleta tem Frio, Neutro, Quente temperatura de cores.

Em luminosidade, a paleta vai de #1A1A1A (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 3 suaves e 2 vívidas em 6 cores.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o frio (2 de 6).

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

A paleta JavaScript Dashboard Flow State combina 6 códigos de cor:
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)
Versão simplificada das cores da paleta
Tom claro de Água-marinha, Tom claro de Preto, Tom escuro de Gainsboro, Tom escuro de Salmão, Azul-aço, Branco
O esquema de cores foi criado por colorday

Códigos de cores na paleta

JavaScript Dashboard Flow State códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome 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 da paleta de cores

5 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Razão de contraste
#aaf0d1
#d9d9d9
1.08
#aaf0d1
#ffffff
1.3
#d9d9d9
#ff6f61
1.93
#d9d9d9
#ffffff
1.41
#ff6f61
#4682b4
1.5

Paleta de imagens JavaScript Dashboard Flow State png

JavaScript Dashboard Flow State paleta de cores: Logic Mint, Variable Ink, UI Panel Grey, Breakpoint Coral, Form Element Blue
 Baixar imagem