Layout design

  • #e2a548
  • #ec6ca4
  • #0a1b55
  • #529c9c
  • #ddd5b8
  • #2a3044
  0.23k
Criado em 06/08/2020 20:59
A paleta consiste em cores Claro, Escuro. Cores de destaque #e2a548 e #0a1b55. A paleta tem Quente, Frio temperatura de cores.

Um esquema sequencial espectral: as cores percorrem em ordem todo o espectro de matizes, como um arco-íris.

Em luminosidade, a paleta vai de #0A1B55 (mais escuro) a #DDD5B8 (mais claro). A faixa de luminosidade é ampla.

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

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).

Códigos HEX (ordenados): #0A1B55, #2A3044, #529C9C, #DDD5B8, #E2A548, #EC6CA4

A paleta Layout design combina 6 códigos de cor:
HEX: #e2a548, RGB: (226, 165, 72); HEX: #ec6ca4, RGB: (236, 108, 164); HEX: #0a1b55, RGB: (10, 27, 85)
HEX: #529c9c, RGB: (82, 156, 156); HEX: #ddd5b8, RGB: (221, 213, 184); HEX: #2a3044, RGB: (42, 48, 68)
Versão simplificada das cores da paleta
Tom claro de Vara-dourada, Tom escuro de Rosa-choque, Tom escuro de Azul-meia-noite, Tom escuro de Azul-cadete, Tom escuro de Trigo, Tom claro de Azul-meia-noite
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

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

CorHEXRGBNomenome alternativo
#e2a548#e2a548RGB(226, 165, 72)——
#ec6ca4#ec6ca4RGB(236, 108, 164)——
#0a1b55#0a1b55RGB(10, 27, 85)——
#529c9c#529c9cRGB(82, 156, 156)——
#ddd5b8#ddd5b8RGB(221, 213, 184)——
#2a3044#2a3044RGB(42, 48, 68)——

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
#e2a548
#ec6ca4
1.33
#e2a548
#529c9c
1.47
#e2a548
#ddd5b8
1.47
#ec6ca4
#529c9c
1.09
#ec6ca4
#ddd5b8
1.97
#0a1b55
#2a3044
1.23

Paleta de imagens Layout design png