Dibuat di 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
Palet terdiri dari Lampu, Setengah gelap warna. Warna aksen Chat Bubble Blue #64b5f6 Dan Voice Input Coral #ff8a65. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #3F51B5 (paling gelap) ke #FFFFFF (paling terang). Rentang kecerahan sedang.
Saturasi campuran — ada swatch redup dan aksen lebih cerah.
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #3F51B5, #4DB6AC, #64B5F6, #E0E0E0, #FF8A65, #FFFFFF
Palette Conversational UI Chatbot Color System memiliki kombinasi warna kode 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)
Versi warna palet yang disederhanakan
Bayangan dari deepskyblue, Bayangan dari gainsboro, Bayangan dari coral, Putih, Warna dari slateblue, Bayangan dari lightseagreen
Skema warna diciptakan oleh colorslib
Lebih banyak palet dengan:
Kode warna dalam palet
Conversational UI Chatbot Color System kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #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 | — |
Kontras Palet Warna
7 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#64b5f6 | #e0e0e0 | 1.67 |
#64b5f6 | #ff8a65 | 1.04 |
#64b5f6 | #4db6ac | 1.1 |
#e0e0e0 | #ff8a65 | 1.75 |
#e0e0e0 | #ffffff | 1.32 |
#e0e0e0 | #4db6ac | 1.84 |
Palet gambar Conversational UI Chatbot Color System png
Ekspor Palet
Unduh "Conversational UI Chatbot Color System" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: