Next Generation Interface Pattern
- System Cyan#40c9a2
- Interaction Indigo#6c63ff
- Overlay Fog#ececec
- Motion Gold#ffd670
- Tap Salmon#ff9b85
- Readability Black#101010
Criado em 06/12/2025 06:28
A paleta consiste em cores Claro, Escuro. Cores de destaque Interaction Indigo #6c63ff e Motion Gold #ffd670. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #101010 (mais escuro) a #ECECEC (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #101010, #40C9A2, #6C63FF, #ECECEC, #FF9B85, #FFD670
A paleta Next Generation Interface Pattern combina 6 códigos de cor:
HEX: #40c9a2, RGB: (64, 201, 162); HEX: #6c63ff, RGB: (108, 99, 255); HEX: #ececec, RGB: (236, 236, 236)
HEX: #ffd670, RGB: (255, 214, 112); HEX: #ff9b85, RGB: (255, 155, 133); HEX: #101010, RGB: (16, 16, 16)
Versão simplificada das cores da paleta
Tom escuro de Água-marinha-média, Tom escuro de Azul-ardósia-médio, Tom escuro de Fumaça-branca, Tom claro de Dourado, Tom claro de Salmão-escuro, Tom claro de Preto
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Next Generation Interface Pattern códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #40c9a2 | #40c9a2 | RGB(64, 201, 162) | System Cyan | — |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Interaction Indigo | — |
| #ececec | #ececec | RGB(236, 236, 236) | Overlay Fog | — |
| #ffd670 | #ffd670 | RGB(255, 214, 112) | Motion Gold | — |
| #ff9b85 | #ff9b85 | RGB(255, 155, 133) | Tap Salmon | — |
| #101010 | #101010 | RGB(16, 16, 16) | Readability Black | — |
Contraste da paleta de cores
6 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 |
|---|---|---|
#40c9a2 | #ececec | 1.76 |
#40c9a2 | #ffd670 | 1.49 |
#40c9a2 | #ff9b85 | 1.01 |
#ececec | #ffd670 | 1.17 |
#ececec | #ff9b85 | 1.72 |
#ffd670 | #ff9b85 | 1.46 |
Paleta de imagens Next Generation Interface Pattern png
Exportar paleta
Baixe a "Next Generation Interface Pattern" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: