Gerar paleta
  1. Paletas de cores
  2. Clean web webpage ui colours

Clean web webpage ui colours

  • #1ea4e0
  • #fa4f8c
  • #1b526a
  • #5f789a
  • #ccbcc2
  • #3a2131
  0.13k
Criado em 07/14/2021 11:46
porcolorswall
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque #1ea4e0 e #fa4f8c. A paleta tem Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #3A2131 (mais escuro) a #CCBCC2 (mais claro). A faixa de luminosidade é moderada.

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

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

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

Códigos HEX (ordenados): #1B526A, #1EA4E0, #3A2131, #5F789A, #CCBCC2, #FA4F8C

A paleta Clean web webpage ui colours combina 6 códigos de cor:
HEX: #1ea4e0, RGB: (30, 164, 224); HEX: #fa4f8c, RGB: (250, 79, 140); HEX: #1b526a, RGB: (27, 82, 106)
HEX: #5f789a, RGB: (95, 120, 154); HEX: #ccbcc2, RGB: (204, 188, 194); HEX: #3a2131, RGB: (58, 33, 49)
Versão simplificada das cores da paleta
Tom escuro de Azul-céu-profundo, Tom claro de Rosa-profundo, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Cinza-ardósia, Tom escuro de Cardo, Tom claro de Preto
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Clean web webpage ui colours códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#1ea4e0 #1ea4e0 RGB(30, 164, 224)——
#fa4f8c #fa4f8c RGB(250, 79, 140)——
#1b526a #1b526a RGB(27, 82, 106)——
#5f789a #5f789a RGB(95, 120, 154)——
#ccbcc2 #ccbcc2 RGB(204, 188, 194)——
#3a2131 #3a2131 RGB(58, 33, 49)——

Contraste da paleta de cores

7 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
#1ea4e0
#fa4f8c
1.13
#1ea4e0
#5f789a
1.6
#1ea4e0
#ccbcc2
1.55
#fa4f8c
#5f789a
1.41
#fa4f8c
#ccbcc2
1.75
#1b526a
#5f789a
1.88

Paleta de imagens Clean web webpage ui colours png

Clean web webpage ui colours: #1ea4e0, #fa4f8c, #1b526a, #5f789a, #ccbcc2, #3a2131
 Baixar imagem