Human-Centered AI UI Builder
- Trust Purple#ae8ff3
- Voice White#ffffff
- Empathy Rose#ffb5b5
- Interaction Grey#d1d1d1
- Intent Green#8ed6c1
- Accessibility Black#202020
Criado em 08/02/2025 13:28
A paleta consiste em cores Claro, Escuro. Cores de destaque Empathy Rose #ffb5b5 e Intent Green #8ed6c1. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #202020 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 2 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (2 de 6).
Códigos HEX (ordenados): #202020, #8ED6C1, #AE8FF3, #D1D1D1, #FFB5B5, #FFFFFF
A paleta Human-Centered AI UI Builder combina 6 códigos de cor:
HEX: #ae8ff3, RGB: (174, 143, 243); HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffb5b5, RGB: (255, 181, 181)
HEX: #d1d1d1, RGB: (209, 209, 209); HEX: #8ed6c1, RGB: (142, 214, 193); HEX: #202020, RGB: (32, 32, 32)
Versão simplificada das cores da paleta
Tom claro de Roxo-médio, Branco, Tom escuro de Rosa-claro, Tom escuro de Cinza-claro, Tom claro de Água-marinha-média, Tom claro de Preto
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Human-Centered AI UI Builder códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ae8ff3 | #ae8ff3 | RGB(174, 143, 243) | Trust Purple | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Voice White | White |
| #ffb5b5 | #ffb5b5 | RGB(255, 181, 181) | Empathy Rose | — |
| #d1d1d1 | #d1d1d1 | RGB(209, 209, 209) | Interaction Grey | Gray82 |
| #8ed6c1 | #8ed6c1 | RGB(142, 214, 193) | Intent Green | — |
| #202020 | #202020 | RGB(32, 32, 32) | Accessibility Black | — |
Contraste da paleta de cores
9 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 |
|---|---|---|
#ae8ff3 | #ffb5b5 | 1.56 |
#ae8ff3 | #d1d1d1 | 1.71 |
#ae8ff3 | #8ed6c1 | 1.56 |
#ffffff | #ffb5b5 | 1.67 |
#ffffff | #d1d1d1 | 1.52 |
#ffffff | #8ed6c1 | 1.67 |
Paleta de imagens Human-Centered AI UI Builder png
Exportar paleta
Baixe a "Human-Centered AI UI Builder" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: