Criado em 07/22/2025 11:45
Conversational UI Chatbot Color System
- Chat Bubble Blue#64b5f6
- Typing Dot Gray#e0e0e0
- Voice Input Coral#ff8a65
- Response White#ffffff
- Sent Message Navy#3f51b5
- AI Tone Teal#4db6ac
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Chat Bubble Blue #64b5f6 e Voice Input Coral #ff8a65. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #3F51B5 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é moderada.
Saturação mista — tons suaves e acentos mais vivos.
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): #3F51B5, #4DB6AC, #64B5F6, #E0E0E0, #FF8A65, #FFFFFF
A paleta Conversational UI Chatbot Color System tem uma combinação de cores de códigos de 6:
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #ff8a65, RGB: (255, 138, 101)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #4db6ac, RGB: (77, 182, 172)
Versão simplificada das cores da paleta
Sombra de deepskyblue, Sombra de gainsboro, Sombra de coral, Branco, Matiz de slateblue, Sombra de lightseagreen
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Conversational UI Chatbot Color System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | Chat Bubble Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Typing Dot Gray | Gray88 |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Voice Input Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Response White | White |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Sent Message Navy | — |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | AI Tone Teal | — |
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 |
#64b5f6 | #e0e0e0 | 1.67 |
#64b5f6 | #ff8a65 | 1.04 |
#64b5f6 | #4db6ac | 1.1 |
#e0e0e0 | #ff8a65 | 1.75 |
#e0e0e0 | #ffffff | 1.32 |
#e0e0e0 | #4db6ac | 1.84 |
Paleta de imagens Conversational UI Chatbot Color System png
Exportar paleta
Baixe a "Conversational UI Chatbot Color System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: