Criado em 03/23/2026 21:03
AI Chat Interface Conversational UX Palette
- Chat Blue#3b82f6
- Reply Green#22c55e
- Bubble Gray#e5e7eb
- Text Ink#111827
- Accent Violet#7c3aed
- Notification Orange#fb923c
- Background Soft#f9fafb
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque Chat Blue #3b82f6 e Notification Orange #fb923c. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #111827 (mais escuro) a #F9FAFB (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): #111827, #22C55E, #3B82F6, #7C3AED, #E5E7EB, #F9FAFB, #FB923C
A paleta AI Chat Interface Conversational UX Palette tem uma combinação de cores de códigos de 7:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #111827, RGB: (17, 24, 39); HEX: #7c3aed, RGB: (124, 58, 237); HEX: #fb923c, RGB: (251, 146, 60)
HEX: #f9fafb, RGB: (249, 250, 251)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Matiz de limegreen, Sombra de gainsboro, Sombra de Preto, Sombra de blueviolet, Sombra de darkorange, Sombra de whitesmoke
O esquema de cores foi criado por colorday
Códigos de cores na paleta
AI Chat Interface Conversational UX Palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Chat Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Reply Green | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Bubble Gray | — |
| #111827 | #111827 | RGB(17, 24, 39) | Text Ink | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | Accent Violet | — |
| #fb923c | #fb923c | RGB(251, 146, 60) | Notification Orange | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Background Soft | — |
Contraste da Paleta de Cores
7 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 |
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #7c3aed | 1.54 |
#3b82f6 | #fb923c | 1.62 |
#22c55e | #e5e7eb | 1.84 |
#22c55e | #fb923c | 1 |
#e5e7eb | #fb923c | 1.82 |
Paleta de imagens AI Chat Interface Conversational UX Palette png
Exportar paleta
Baixe a "AI Chat Interface Conversational UX Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: