Criado em 08/14/2025 14:57
Quantum UI Interaction Grid
Photon Yellow
#ffeb3b
Vector Blue
#42a5f5
UX Coral
#ff6f61
Prototype Charcoal
#263238
User Path White
#fdfdfd
State Pink
#f48fb1
A paleta consiste em cores Luz, Escuro. Cores de destaque Photon Yellow #ffeb3b e Vector Blue #42a5f5. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
A paleta Quantum UI Interaction Grid tem uma combinação de cores de códigos de 6:
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #ff6f61, RGB: (255, 111, 97)
HEX: #263238, RGB: (38, 50, 56); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #f48fb1, RGB: (244, 143, 177)
Versão simplificada das cores da paleta
Matiz de Amarelo, Sombra de dodgerblue, Matiz de salmon, Matiz de darkslategrey, Matiz de Branco, Sombra de palevioletred
O esquema de cores foi criado por hex
Códigos de cores na paleta
Quantum UI Interaction Grid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Photon Yellow | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Vector Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | UX Coral | Living Coral |
| #263238 | #263238 | RGB(38, 50, 56) | Prototype Charcoal | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | User Path White | Brilliance |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | State Pink | — |
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 |
#ffeb3b | #fdfdfd | 1.2 |
#ffeb3b | #f48fb1 | 1.82 |
#42a5f5 | #ff6f61 | 1.03 |
#42a5f5 | #f48fb1 | 1.18 |
#ff6f61 | #f48fb1 | 1.22 |
Paleta de imagens Quantum UI Interaction Grid png
Exportar paleta
Baixe a "Quantum UI Interaction Grid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: