Gerar paleta
  1. Paletas de cores
  2. Hero section home page ui experience colors palette

Hero section home page ui experience colors palette

  • Marigold
    #f49c1f
  • Yellow Orange
    #f2ad44
  • Smoky Black
    #141005
  • Cinereous
    #968573
  • Opal
    #acccc4
  • Olive Drab Camouflage
    #5e5035
  86
Criado em 03/25/2023 22:16
porcolorswall
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque Marigold #f49c1f e Opal #acccc4. A paleta tem Quente, Neutro, Frio temperatura de cores.

Em luminosidade, a paleta vai de #141005 (mais escuro) a #ACCCC4 (mais claro). A faixa de luminosidade é ampla.

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

Uma paleta variada: seus tons se espalham por cerca de 134° do círculo cromático.

No geral, a temperatura tende para o quente (4 de 6).

Códigos HEX (ordenados): #141005, #5E5035, #968573, #ACCCC4, #F2AD44, #F49C1F

A paleta Hero section home page ui experience colors palette combina 6 códigos de cor:
HEX: #f49c1f, RGB: (244, 156, 31); HEX: #f2ad44, RGB: (242, 173, 68); HEX: #141005, RGB: (20, 16, 5)
HEX: #968573, RGB: (150, 133, 115); HEX: #acccc4, RGB: (172, 204, 196); HEX: #5e5035, RGB: (94, 80, 53)
Versão simplificada das cores da paleta
Tom escuro de Laranja, Tom claro de Laranja, Tom claro de Preto, Tom claro de Cinza, Tom escuro de Azul-pó, Tom escuro de Cinza-fosco
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Hero section home page ui experience colors palette códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#f49c1f #f49c1f RGB(244, 156, 31)Marigold—
#f2ad44 #f2ad44 RGB(242, 173, 68)Yellow Orange—
#141005 #141005 RGB(20, 16, 5)Smoky Black—
#968573 #968573 RGB(150, 133, 115)Cinereous—
#acccc4 #acccc4 RGB(172, 204, 196)Opal—
#5e5035 #5e5035 RGB(94, 80, 53)Olive Drab Camouflage—

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
#f49c1f
#f2ad44
1.12
#f49c1f
#968573
1.63
#f49c1f
#acccc4
1.26
#f2ad44
#968573
1.83
#f2ad44
#acccc4
1.12

Paleta de imagens Hero section home page ui experience colors palette png

Hero section home page ui experience colors palette: Marigold, Yellow Orange, Smoky Black, Cinereous, Opal
 Baixar imagem