Gerar paleta
  1. Paletas de cores
  2. Interactive Prototyping Flow

Interactive Prototyping Flow

  • Trigger Red
    #f44336
  • State Blue
    #42a5f5
  • Connection Yellow
    #fff59d
  • Layer Fog
    #f5f5f5
  • Overlay Purple
    #7e57c2
  • Feedback Slate
    #546e7a
  1
Criado em 07/02/2025 16:44
porcoolor
A paleta consiste em cores Claro, Semi escuro. Cores de destaque State Blue #42a5f5 e Connection Yellow #fff59d. A paleta tem Quente, Frio, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #546E7A (mais escuro) a #F5F5F5 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — 2 suaves e 3 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 (3 de 6).

Códigos HEX (ordenados): #42A5F5, #546E7A, #7E57C2, #F44336, #F5F5F5, #FFF59D

A paleta Interactive Prototyping Flow combina 6 códigos de cor:
HEX: #f44336, RGB: (244, 67, 54); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fff59d, RGB: (255, 245, 157)
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #546e7a, RGB: (84, 110, 122)
Versão simplificada das cores da paleta
Tom escuro de Tomate, Tom claro de Azul-dodger, Tom claro de Cáqui, Fumaça-branca, Tom claro de Azul-ardósia, Tom escuro de Cinza-ardósia
O esquema de cores foi criado por coolor

Códigos de cores na paleta

Interactive Prototyping Flow códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#f44336 #f44336 RGB(244, 67, 54)Trigger Red—
#42a5f5 #42a5f5 RGB(66, 165, 245)State Blue—
#fff59d #fff59d RGB(255, 245, 157)Connection Yellow—
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Layer FogWhitesmoke
#7e57c2 #7e57c2 RGB(126, 87, 194)Overlay Purple—
#546e7a #546e7a RGB(84, 110, 122)Feedback Slate—

Contraste da paleta de cores

6 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
#f44336
#42a5f5
1.39
#f44336
#7e57c2
1.41
#f44336
#546e7a
1.46
#42a5f5
#7e57c2
1.96
#fff59d
#f5f5f5
1.02
#7e57c2
#546e7a
1.03

Paleta de imagens Interactive Prototyping Flow png

Interactive Prototyping Flow paleta de cores: Trigger Red, State Blue, Connection Yellow, Layer Fog, Overlay Purple
 Baixar imagem