Gerar paleta
  1. Paletas de cores
  2. Ui hero section manage clean design hex colors

Ui hero section manage clean design hex colors

  • Palatinate Blue
    #2934d8
  • Vista Blue
    #828dec
  • Catalina Blue
    #141a70
  • Mountbatten Pink
    #8e7c94
  • Dark Vanilla
    #d8ceae
  • Arsenic
    #3c3c44
  67
Criado em 04/04/2023 06:19
porpalettespicker
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Vista Blue #828dec e Dark Vanilla #d8ceae. A paleta tem Frio, Neutro, Quente temperatura de cores.

Em luminosidade, a paleta vai de #141A70 (mais escuro) a #D8CEAE (mais claro). A faixa de luminosidade é ampla.

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): #141A70, #2934D8, #3C3C44, #828DEC, #8E7C94, #D8CEAE

A paleta Ui hero section manage clean design hex colors combina 6 códigos de cor:
HEX: #2934d8, RGB: (41, 52, 216); HEX: #828dec, RGB: (130, 141, 236); HEX: #141a70, RGB: (20, 26, 112)
HEX: #8e7c94, RGB: (142, 124, 148); HEX: #d8ceae, RGB: (216, 206, 174); HEX: #3c3c44, RGB: (60, 60, 68)
Versão simplificada das cores da paleta
Tom claro de Azul, Tom claro de Azul-centáurea, Tom escuro de Azul-meia-noite, Tom claro de Cinza, Tom escuro de Trigo, Tom escuro de Cinza-fosco
O esquema de cores foi criado por palettespicker

Códigos de cores na paleta

Ui hero section manage clean design hex colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#2934d8 #2934d8 RGB(41, 52, 216)Palatinate Blue—
#828dec #828dec RGB(130, 141, 236)Vista Blue—
#141a70 #141a70 RGB(20, 26, 112)Catalina Blue—
#8e7c94 #8e7c94 RGB(142, 124, 148)Mountbatten Pink—
#d8ceae #d8ceae RGB(216, 206, 174)Dark Vanilla—
#3c3c44 #3c3c44 RGB(60, 60, 68)Arsenic—

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
#2934d8
#141a70
1.82
#2934d8
#3c3c44
1.34
#828dec
#8e7c94
1.27
#828dec
#d8ceae
1.91
#141a70
#3c3c44
1.36

Paleta de imagens Ui hero section manage clean design hex colors png

Ui hero section manage clean design hex colors - #250462
 Baixar imagem