Criado em 07/17/2025 08:38
Zero UI Interaction Color System
- Invisible White#ffffff
- Trigger Teal#00e5b9
- Gesture Shadow Gray#b0bec5
- Voice Input Indigo#6c63ff
- Proximity Pink#ffb3c1
- Context Aura#faf3e0
A paleta consiste em cores Luz. Cores de destaque Trigger Teal #00e5b9 e Proximity Pink #ffb3c1. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #00E5B9 (mais escuro) a #FFFFFF (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 frio.
Códigos HEX (ordenados): #00E5B9, #6C63FF, #B0BEC5, #FAF3E0, #FFB3C1, #FFFFFF
A paleta Zero UI Interaction Color System tem uma combinação de cores de códigos de 6:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #00e5b9, RGB: (0, 229, 185); HEX: #b0bec5, RGB: (176, 190, 197)
HEX: #6c63ff, RGB: (108, 99, 255); HEX: #ffb3c1, RGB: (255, 179, 193); HEX: #faf3e0, RGB: (250, 243, 224)
Versão simplificada das cores da paleta
Branco, Matiz de mediumaquamarine, Matiz de Prata, Matiz de mediumslateblue, Matiz de lightpink, Matiz de oldlace
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Zero UI Interaction Color System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffffff | #ffffff | RGB(255, 255, 255) | Invisible White | White |
| #00e5b9 | #00e5b9 | RGB(0, 229, 185) | Trigger Teal | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Gesture Shadow Gray | Ocean Drive |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Voice Input Indigo | — |
| #ffb3c1 | #ffb3c1 | RGB(255, 179, 193) | Proximity Pink | — |
| #faf3e0 | #faf3e0 | RGB(250, 243, 224) | Context Aura | — |
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 |
#ffffff | #00e5b9 | 1.62 |
#ffffff | #b0bec5 | 1.9 |
#ffffff | #ffb3c1 | 1.68 |
#ffffff | #faf3e0 | 1.1 |
#00e5b9 | #b0bec5 | 1.17 |
#00e5b9 | #ffb3c1 | 1.03 |
Paleta de imagens Zero UI Interaction Color System png
Exportar paleta
Baixe a "Zero UI Interaction Color System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: