Gerar paleta
  1. Paletas de cores
  2. Ui design interface web palette

Ui design interface web palette

  • #4acd5d
  • #fbf96d
  • #1c6727
  • #afa250
  • #a1b3a4
  • #746e42
  0.17k

Ui design interface web palette tem 6 cores, com predomínio de tons amarelos e verdes. A cor mais clara é Amarelo (#FBF96D) e a mais escura, Verde-escuro (#1C6727). O par com maior contraste é #1C6727 sobre #FBF96D (6.2:1, WCAG AA).

Criado em 03/28/2020 20:12
porcolorswall
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #fbf96d e #1c6727. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #1C6727 (mais escuro) a #FBF96D (mais claro). A faixa de luminosidade é moderada.

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

Os tons ficam em uma região do círculo cromático, abrangendo cerca de 77°.

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

Códigos HEX (ordenados): #1C6727, #4ACD5D, #746E42, #A1B3A4, #AFA250, #FBF96D

A paleta Ui design interface web palette combina 6 códigos de cor:
HEX: #4acd5d, RGB: (74, 205, 93); HEX: #fbf96d, RGB: (251, 249, 109); HEX: #1c6727, RGB: (28, 103, 39)
HEX: #afa250, RGB: (175, 162, 80); HEX: #a1b3a4, RGB: (161, 179, 164); HEX: #746e42, RGB: (116, 110, 66)
Versão simplificada das cores da paleta
Tom claro de Verde-lima, Tom claro de Amarelo, Tom claro de Verde-escuro, Tom escuro de Cáqui-escuro, Tom claro de Verde-mar-escuro, Tom claro de Verde-oliva-escuro
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

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

CorHEXRGBNomenome alternativo
#4acd5d#4acd5dRGB(74, 205, 93)——
#fbf96d#fbf96dRGB(251, 249, 109)——
#1c6727#1c6727RGB(28, 103, 39)——
#afa250#afa250RGB(175, 162, 80)——
#a1b3a4#a1b3a4RGB(161, 179, 164)——
#746e42#746e42RGB(116, 110, 66)——

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
#4acd5d
#fbf96d
1.85
#4acd5d
#afa250
1.25
#4acd5d
#a1b3a4
1.07
#fbf96d
#a1b3a4
1.98
#1c6727
#746e42
1.34
#afa250
#a1b3a4
1.17

Paleta de imagens Ui design interface web palette png

Ui design interface web palette: #4acd5d, #fbf96d, #1c6727, #afa250, #a1b3a4, #746e42
 Baixar imagem