Criado em 04/23/2023 07:29
Gamification badges badge graphic design ui
- Black#141414
- White#ffffff
- Anti-Flash White#f0f0f0
- Very Light Blue#6478f0
- Delicate Lemon#f0dc78
- Light Cobalt Blue#8ca0f0
A paleta consiste em cores Escuro, Luz. Cores de destaque Very Light Blue #6478f0 e Delicate Lemon #f0dc78. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #141414 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #141414, #6478F0, #8CA0F0, #F0DC78, #F0F0F0, #FFFFFF
A paleta Gamification badges badge graphic design ui tem uma combinação de cores de códigos de 6:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #6478f0, RGB: (100, 120, 240); HEX: #f0dc78, RGB: (240, 220, 120); HEX: #8ca0f0, RGB: (140, 160, 240)
Versão simplificada das cores da paleta
Sombra de Preto, Branco, Matiz de whitesmoke, Sombra de royalblue, Matiz de Cáqui, Sombra de cornflowerblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Gamification badges badge graphic design ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #6478f0 | #6478f0 | RGB(100, 120, 240) | Very Light Blue | — |
| #f0dc78 | #f0dc78 | RGB(240, 220, 120) | Delicate Lemon | — |
| #8ca0f0 | #8ca0f0 | RGB(140, 160, 240) | Light Cobalt Blue | — |
Contraste da Paleta de Cores
5 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #f0dc78 | 1.38 |
#f0f0f0 | #f0dc78 | 1.21 |
#6478f0 | #8ca0f0 | 1.53 |
#f0dc78 | #8ca0f0 | 1.81 |
Paleta de imagens Gamification badges badge graphic design ui png
Exportar paleta
Baixe a "Gamification badges badge graphic design ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: