Criado em 06/05/2025 08:01
High Fidelity Widget System
- Blueprint Cyan#00b7c2
- Contrast Cream#fffaed
- Warning Flame#ff5e5b
- Deep Interface Navy#162447
- Widget Yellow#ffe347
- Secondary Gray#b3b3b3
- Confirm Mint#a7ff83
- UI Charcoal#2e2e2e
A paleta consiste em cores Luz, Escuro. Cores de destaque Blueprint Cyan #00b7c2 e Contrast Cream #fffaed. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2E2E2E (mais escuro) a #FFFAED (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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 quente.
Códigos HEX (ordenados): #00B7C2, #162447, #2E2E2E, #A7FF83, #B3B3B3, #FF5E5B, #FFE347, #FFFAED
A paleta High Fidelity Widget System tem uma combinação de cores de códigos de 8:
HEX: #00b7c2, RGB: (0, 183, 194); HEX: #fffaed, RGB: (255, 250, 237); HEX: #ff5e5b, RGB: (255, 94, 91)
HEX: #162447, RGB: (22, 36, 71); HEX: #ffe347, RGB: (255, 227, 71); HEX: #b3b3b3, RGB: (179, 179, 179)
HEX: #a7ff83, RGB: (167, 255, 131); HEX: #2e2e2e, RGB: (46, 46, 46)
Versão simplificada das cores da paleta
Matiz de darkturquoise, Sombra de oldlace, Matiz de tomato, Sombra de midnightblue, Sombra de gold, Sombra de darkgrey, Sombra de palegreen, Sombra de Preto
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
High Fidelity Widget System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #00b7c2 | #00b7c2 | RGB(0, 183, 194) | Blueprint Cyan | — |
| #fffaed | #fffaed | RGB(255, 250, 237) | Contrast Cream | — |
| #ff5e5b | #ff5e5b | RGB(255, 94, 91) | Warning Flame | — |
| #162447 | #162447 | RGB(22, 36, 71) | Deep Interface Navy | — |
| #ffe347 | #ffe347 | RGB(255, 227, 71) | Widget Yellow | — |
| #b3b3b3 | #b3b3b3 | RGB(179, 179, 179) | Secondary Gray | Gray70 |
| #a7ff83 | #a7ff83 | RGB(167, 255, 131) | Confirm Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | UI Charcoal | Carbon Fiber |
Contraste da Paleta de Cores
10 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 |
#00b7c2 | #ff5e5b | 1.22 |
#00b7c2 | #ffe347 | 1.9 |
#00b7c2 | #b3b3b3 | 1.17 |
#fffaed | #ffe347 | 1.23 |
#fffaed | #a7ff83 | 1.16 |
#ff5e5b | #b3b3b3 | 1.42 |
Paleta de imagens High Fidelity Widget System png
Exportar paleta
Baixe a "High Fidelity Widget System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: