Uxdesign uidesign ui colors

  • #f4a43c
  • #f2b570
  • #1c0c0c
  • #747474
  • #a9cdbf
  • #3c3430
  0.27k

Uxdesign uidesign ui colors tem 6 cores, com predomínio de tons laranja e verde-azulados. A cor mais clara é Azul-pó (#A9CDBF) e a mais escura, Preto (#1C0C0C). O par com maior contraste é #1C0C0C sobre #A9CDBF (10.9:1, WCAG AAA).

Criado em 03/27/2021 17:35
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque #f4a43c e #a9cdbf. A paleta tem Quente, Neutro, Frio temperatura de cores.

Em luminosidade, a paleta vai de #1C0C0C (mais escuro) a #A9CDBF (mais claro). A faixa de luminosidade é ampla.

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

Códigos HEX (ordenados): #1C0C0C, #3C3430, #747474, #A9CDBF, #F2B570, #F4A43C

A paleta Uxdesign uidesign ui colors combina 6 códigos de cor:
HEX: #f4a43c, RGB: (244, 164, 60); HEX: #f2b570, RGB: (242, 181, 112); HEX: #1c0c0c, RGB: (28, 12, 12)
HEX: #747474, RGB: (116, 116, 116); HEX: #a9cdbf, RGB: (169, 205, 191); HEX: #3c3430, RGB: (60, 52, 48)
Versão simplificada das cores da paleta
Tom claro de Laranja, Tom claro de Madeira, Tom claro de Preto, Tom claro de Cinza-fosco, Tom escuro de Azul-pó, Tom claro de Preto
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Uxdesign uidesign ui colors códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#f4a43c#f4a43cRGB(244, 164, 60)——
#f2b570#f2b570RGB(242, 181, 112)——
#1c0c0c#1c0c0cRGB(28, 12, 12)——
#747474#747474RGB(116, 116, 116)——
#a9cdbf#a9cdbfRGB(169, 205, 191)——
#3c3430#3c3430RGB(60, 52, 48)——

Contraste da paleta de cores

4 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
#f4a43c
#f2b570
1.13
#f4a43c
#a9cdbf
1.19
#f2b570
#a9cdbf
1.04
#1c0c0c
#3c3430
1.55

Paleta de imagens Uxdesign uidesign ui colors png