Interactive Chatbot UX Theme
- Message Sky#60a5fa
- Bot Indigo#4f46e5
- Input Cream#fffbeb
- Response Pink#fbcfe8
- Intent Slate#475569
- Emoji Mint#5eead4
- Thread Jet#1f2937
Criado em 06/28/2025 20:20
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Message Sky #60a5fa e Input Cream #fffbeb. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #FFFBEB (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 71% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (5 de 7).
Códigos HEX (ordenados): #1F2937, #475569, #4F46E5, #5EEAD4, #60A5FA, #FBCFE8, #FFFBEB
A paleta Interactive Chatbot UX Theme combina 7 códigos de cor:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #fffbeb, RGB: (255, 251, 235)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #475569, RGB: (71, 85, 105); HEX: #5eead4, RGB: (94, 234, 212)
HEX: #1f2937, RGB: (31, 41, 55)
Versão simplificada das cores da paleta
Tom claro de Azul-centáurea, Tom escuro de Azul-ardósia, Tom claro de Renda-antiga, Tom claro de Cardo, Tom claro de Azul-ardósia-escuro, Tom claro de Turquesa, Tom claro de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Interactive Chatbot UX Theme códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Message Sky | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Bot Indigo | — |
| #fffbeb | #fffbeb | RGB(255, 251, 235) | Input Cream | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Response Pink | — |
| #475569 | #475569 | RGB(71, 85, 105) | Intent Slate | — |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Emoji Mint | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Thread Jet | — |
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 | Razão de contraste |
|---|---|---|
#60a5fa | #fbcfe8 | 1.83 |
#60a5fa | #5eead4 | 1.71 |
#4f46e5 | #475569 | 1.2 |
#fffbeb | #fbcfe8 | 1.33 |
#fffbeb | #5eead4 | 1.42 |
#fbcfe8 | #5eead4 | 1.07 |
Paleta de imagens Interactive Chatbot UX Theme png
Exportar paleta
Baixe a "Interactive Chatbot UX Theme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: