Gerar paleta
  1. Paletas de cores
  2. progress

progress

  • #fdada4
  • #fdb2a0
  • #feb59c
  • #feb99a
  • #febd97
  • #fec399
  • #feca9b
  • #fed69f
  • #fee1a2
  • #ffeba6
  • #fff1a5
  • #f1fcac
  • #eaf4a2
  • #d3f1a1
  • #c2f19e
  • #b3f29e
  • #9cf5a9
  • #9affcd
  • #98fcee
  • #96edff
  • #a2b2ff
  • #a2b2ff
  • #a2b2ff
  • #a2b2ff
  • #d6b3f5
  • #d6b3f5
  • #d6b3f5
  • #d6b3f5
  57
Criado em 08/05/2023 13:36
porhisashibooty
A paleta consiste em cores Claro. Cores de destaque #fff1a5 e #96edff. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #A2B2FF (mais escuro) a #F1FCAC (mais claro). A faixa de luminosidade é relativamente estreita.

A saturação global parece vívida (croma alto) — 100% das cores são vívidas.

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

No geral, a temperatura tende para o frio (15 de 28).

Códigos HEX (ordenados): #96EDFF, #98FCEE, #9AFFCD, #9CF5A9, #A2B2FF, #B3F29E, #C2F19E, #D3F1A1, #D6B3F5, #EAF4A2, #F1FCAC, #FDADA4, #FDB2A0, #FEB59C, #FEB99A, #FEBD97, #FEC399, #FECA9B, #FED69F, #FEE1A2, #FFEBA6, #FFF1A5

A paleta progress combina 28 códigos de cor:
HEX: #fdada4, RGB: (253, 173, 164); HEX: #fdb2a0, RGB: (253, 178, 160); HEX: #feb59c, RGB: (254, 181, 156)
HEX: #feb99a, RGB: (254, 185, 154); HEX: #febd97, RGB: (254, 189, 151); HEX: #fec399, RGB: (254, 195, 153)
HEX: #feca9b, RGB: (254, 202, 155); HEX: #fed69f, RGB: (254, 214, 159); HEX: #fee1a2, RGB: (254, 225, 162)
HEX: #ffeba6, RGB: (255, 235, 166); HEX: #fff1a5, RGB: (255, 241, 165); HEX: #f1fcac, RGB: (241, 252, 172)
HEX: #eaf4a2, RGB: (234, 244, 162); HEX: #d3f1a1, RGB: (211, 241, 161); HEX: #c2f19e, RGB: (194, 241, 158)
HEX: #b3f29e, RGB: (179, 242, 158); HEX: #9cf5a9, RGB: (156, 245, 169); HEX: #9affcd, RGB: (154, 255, 205)
HEX: #98fcee, RGB: (152, 252, 238); HEX: #96edff, RGB: (150, 237, 255); HEX: #a2b2ff, RGB: (162, 178, 255)
HEX: #a2b2ff, RGB: (162, 178, 255); HEX: #a2b2ff, RGB: (162, 178, 255); HEX: #a2b2ff, RGB: (162, 178, 255)
HEX: #d6b3f5, RGB: (214, 179, 245); HEX: #d6b3f5, RGB: (214, 179, 245); HEX: #d6b3f5, RGB: (214, 179, 245)
HEX: #d6b3f5, RGB: (214, 179, 245)
Versão simplificada das cores da paleta
Tom escuro de Rosa-claro, Tom claro de Salmão-claro, Tom claro de Salmão-claro, Tom claro de Salmão-claro, Tom claro de Salmão-claro, Tom escuro de Pêssego, Tom escuro de Pêssego, Tom escuro de Branco-navajo, Tom escuro de Mocassim, Tom claro de Vara-dourada-pálida, Tom claro de Vara-dourada-pálida, Tom claro de Vara-dourada-pálida, Tom claro de Vara-dourada-pálida, Tom escuro de Vara-dourada-pálida, Tom claro de Verde-claro, Tom claro de Verde-claro, Tom claro de Verde-claro, Tom claro de Água-marinha, Tom claro de Turquesa-pálido, Tom claro de Azul-pó, Tom escuro de Azul-aço-claro, Tom escuro de Azul-aço-claro, Tom escuro de Azul-aço-claro, Tom escuro de Azul-aço-claro, Tom claro de Ameixa, Tom claro de Ameixa, Tom claro de Ameixa, Tom claro de Ameixa
O esquema de cores foi criado por hisashibooty

Códigos de cores na paleta

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

Cor HEX RGB Nome nome alternativo
#fdada4 #fdada4 RGB(253, 173, 164)——
#fdb2a0 #fdb2a0 RGB(253, 178, 160)——
#feb59c #feb59c RGB(254, 181, 156)——
#feb99a #feb99a RGB(254, 185, 154)——
#febd97 #febd97 RGB(254, 189, 151)——
#fec399 #fec399 RGB(254, 195, 153)——
#feca9b #feca9b RGB(254, 202, 155)——
#fed69f #fed69f RGB(254, 214, 159)——
#fee1a2 #fee1a2 RGB(254, 225, 162)——
#ffeba6 #ffeba6 RGB(255, 235, 166)——
#fff1a5 #fff1a5 RGB(255, 241, 165)——
#f1fcac #f1fcac RGB(241, 252, 172)——
#eaf4a2 #eaf4a2 RGB(234, 244, 162)——
#d3f1a1 #d3f1a1 RGB(211, 241, 161)——
#c2f19e #c2f19e RGB(194, 241, 158)——
#b3f29e #b3f29e RGB(179, 242, 158)——
#9cf5a9 #9cf5a9 RGB(156, 245, 169)——
#9affcd #9affcd RGB(154, 255, 205)——
#98fcee #98fcee RGB(152, 252, 238)——
#96edff #96edff RGB(150, 237, 255)——
#a2b2ff #a2b2ff RGB(162, 178, 255)——
#a2b2ff #a2b2ff RGB(162, 178, 255)——
#a2b2ff #a2b2ff RGB(162, 178, 255)——
#a2b2ff #a2b2ff RGB(162, 178, 255)——
#d6b3f5 #d6b3f5 RGB(214, 179, 245)——
#d6b3f5 #d6b3f5 RGB(214, 179, 245)——
#d6b3f5 #d6b3f5 RGB(214, 179, 245)——
#d6b3f5 #d6b3f5 RGB(214, 179, 245)——

Contraste da paleta de cores

378 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
#fdada4
#fdb2a0
1.03
#fdada4
#feb59c
1.05
#fdada4
#feb99a
1.07
#fdada4
#febd97
1.1
#fdada4
#fec399
1.15
#fdada4
#feca9b
1.2

Paleta de imagens progress png

progress - #265955
 Baixar imagem