Gerar paleta
  1. Paletas de cores
  2. Animation design palette

Animation design palette

  • #ecb407
  • #94e4fc
  • #4c347c
  • #7a55a0
  • #c2b0b4
  • #3c535b
  0.22k
Criado em 06/08/2021 08:29
porcolorswall
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #ecb407 e #94e4fc. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #4C347C (mais escuro) a #94E4FC (mais claro). A faixa de luminosidade é moderada.

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

Códigos HEX (ordenados): #3C535B, #4C347C, #7A55A0, #94E4FC, #C2B0B4, #ECB407

A paleta Animation design palette combina 6 códigos de cor:
HEX: #ecb407, RGB: (236, 180, 7); HEX: #94e4fc, RGB: (148, 228, 252); HEX: #4c347c, RGB: (76, 52, 124)
HEX: #7a55a0, RGB: (122, 85, 160); HEX: #c2b0b4, RGB: (194, 176, 180); HEX: #3c535b, RGB: (60, 83, 91)
Versão simplificada das cores da paleta
Tom claro de Vara-dourada, Tom claro de Azul-céu, Tom escuro de Azul-ardósia-escuro, Tom escuro de Azul-ardósia, Tom claro de Cinza-escuro, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

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

CorHEXRGBNomenome alternativo
#ecb407#ecb407RGB(236, 180, 7)——
#94e4fc#94e4fcRGB(148, 228, 252)——
#4c347c#4c347cRGB(76, 52, 124)——
#7a55a0#7a55a0RGB(122, 85, 160)——
#c2b0b4#c2b0b4RGB(194, 176, 180)——
#3c535b#3c535bRGB(60, 83, 91)——

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 textoCor de fundoRazão de contraste
#ecb407
#94e4fc
1.33
#ecb407
#c2b0b4
1.09
#94e4fc
#c2b0b4
1.45
#4c347c
#7a55a0
1.73
#4c347c
#3c535b
1.23
#7a55a0
#3c535b
1.4

Paleta de imagens Animation design palette png

Animation design palette: #ecb407, #94e4fc, #4c347c, #7a55a0, #c2b0b4, #3c535b
 Baixar imagem