Voice UI + Chatbot Design Language
- Microphone Graphite#3a3a3a
- Waveform Aqua#7fdbff
- Intent Yellow#fff176
- Dialogue Bubble White#fefefe
- Response Coral#fb6962
- Prompt Blue#5dade2
Utworzono 07/16/2025 11:56
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące Waveform Aqua #7fdbff i Intent Yellow #fff176. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #3A3A3A (najciemniejszy) do #FEFEFE (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (2 ciepłych, 2 zimnych).
Kody HEX (posortowane): #3A3A3A, #5DADE2, #7FDBFF, #FB6962, #FEFEFE, #FFF176
Paleta Voice UI + Chatbot Design Language łączy 6 kodów kolorów:
HEX: #3a3a3a, RGB: (58, 58, 58); HEX: #7fdbff, RGB: (127, 219, 255); HEX: #fff176, RGB: (255, 241, 118)
HEX: #fefefe, RGB: (254, 254, 254); HEX: #fb6962, RGB: (251, 105, 98); HEX: #5dade2, RGB: (93, 173, 226)
Uproszczona wersja palety kolorów
Ciemny odcień Ciemny łupkowy szary, Jasny odcień Błękit nieba, Jasny odcień Khaki, Ciemny odcień Biały, Ciemny odcień Łososiowy, Jasny odcień Głęboki błękit nieba
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Voice UI + Chatbot Design Language kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #3a3a3a | #3a3a3a | RGB(58, 58, 58) | Microphone Graphite | — |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | Waveform Aqua | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Intent Yellow | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Dialogue Bubble White | White as Heaven |
| #fb6962 | #fb6962 | RGB(251, 105, 98) | Response Coral | — |
| #5dade2 | #5dade2 | RGB(93, 173, 226) | Prompt Blue | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#7fdbff | #fff176 | 1.34 |
#7fdbff | #fefefe | 1.54 |
#7fdbff | #fb6962 | 1.84 |
#7fdbff | #5dade2 | 1.57 |
#fff176 | #fefefe | 1.15 |
#fb6962 | #5dade2 | 1.17 |
Paleta obrazów Voice UI + Chatbot Design Language png
Eksportuj paletę
Pobierz "Voice UI + Chatbot Design Language" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: