Gerar paleta
  1. Paletas de cores
  2. Mathematical UX Toolkit for Web

Mathematical UX Toolkit for Web

  • Function Blue
    #42a5f5
  • Input Cream
    #fffde7
  • Output Green
    #81c784
  • Variable Pink
    #f8bbd0
  • Axis Charcoal
    #37474f
  • Sigma Gray
    #e0e0e0
  6
Criado em 07/25/2025 08:12
porcolorstudio
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Function Blue #42a5f5 e Input Cream #fffde7. A paleta tem Frio, Neutro, Quente temperatura de cores.

Em luminosidade, a paleta vai de #37474F (mais escuro) a #FFFDE7 (mais claro). A faixa de luminosidade é ampla.

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

Códigos HEX (ordenados): #37474F, #42A5F5, #81C784, #E0E0E0, #F8BBD0, #FFFDE7

A paleta Mathematical UX Toolkit for Web combina 6 códigos de cor:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fffde7, RGB: (255, 253, 231); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f8bbd0, RGB: (248, 187, 208); HEX: #37474f, RGB: (55, 71, 79); HEX: #e0e0e0, RGB: (224, 224, 224)
Versão simplificada das cores da paleta
Tom claro de Azul-dodger, Tom claro de Bege, Tom claro de Verde-mar-escuro, Tom escuro de Rosa, Tom escuro de Cinza-ardósia-escuro, Tom claro de Gainsboro
O esquema de cores foi criado por colorstudio

Códigos de cores na paleta

Mathematical UX Toolkit for Web códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#42a5f5#42a5f5RGB(66, 165, 245)Function Blue—
#fffde7#fffde7RGB(255, 253, 231)Input Cream—
#81c784#81c784RGB(129, 199, 132)Output Green—
#f8bbd0#f8bbd0RGB(248, 187, 208)Variable Pink—
#37474f#37474fRGB(55, 71, 79)Axis Charcoal—
#e0e0e0#e0e0e0RGB(224, 224, 224)Sigma GrayGray88

Contraste da paleta de cores

8 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
#42a5f5
#81c784
1.31
#42a5f5
#f8bbd0
1.64
#fffde7
#81c784
1.96
#fffde7
#f8bbd0
1.57
#fffde7
#e0e0e0
1.28
#81c784
#f8bbd0
1.24

Paleta de imagens Mathematical UX Toolkit for Web png

Mathematical UX Toolkit for Web paleta de cores: Function Blue, Input Cream, Output Green, Variable Pink, Axis Charcoal
 Baixar imagem