Gerar paleta
  1. Paletas de cores
  2. Interaction interface design ui palette

Interaction interface design ui palette

  • Royal Orange
    #ec9c3d
  • Mellow Apricot
    #f0bc6f
  • Space Cadet
    #163959
  • Dark Lavender
    #745995
  • Pastel Blue
    #b5ccd6
  • Police Blue
    #3b5765
  0.13k
Criado em 02/22/2022 11:47
porcolorswall
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Royal Orange #ec9c3d e Space Cadet #163959. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #163959 (mais escuro) a #B5CCD6 (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 (4 de 6).

Códigos HEX (ordenados): #163959, #3B5765, #745995, #B5CCD6, #EC9C3D, #F0BC6F

A paleta Interaction interface design ui palette combina 6 códigos de cor:
HEX: #ec9c3d, RGB: (236, 156, 61); HEX: #f0bc6f, RGB: (240, 188, 111); HEX: #163959, RGB: (22, 57, 89)
HEX: #745995, RGB: (116, 89, 149); HEX: #b5ccd6, RGB: (181, 204, 214); HEX: #3b5765, RGB: (59, 87, 101)
Versão simplificada das cores da paleta
Tom escuro de Marrom-areia, Tom claro de Madeira, Tom escuro de Azul-ardósia-escuro, Tom escuro de Azul-ardósia, Tom escuro de Azul-claro, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Interaction interface design ui palette códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#ec9c3d #ec9c3d RGB(236, 156, 61)Royal Orange—
#f0bc6f #f0bc6f RGB(240, 188, 111)Mellow Apricot—
#163959 #163959 RGB(22, 57, 89)Space Cadet—
#745995 #745995 RGB(116, 89, 149)Dark Lavender—
#b5ccd6 #b5ccd6 RGB(181, 204, 214)Pastel Blue—
#3b5765 #3b5765 RGB(59, 87, 101)Police Blue—

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
#ec9c3d
#f0bc6f
1.29
#ec9c3d
#b5ccd6
1.33
#f0bc6f
#b5ccd6
1.03
#163959
#3b5765
1.55
#745995
#3b5765
1.31

Paleta de imagens Interaction interface design ui palette png

Interaction interface design ui palette - #183497
 Baixar imagem