Utworzono o godz 08/02/2025 09:47
AI-Assisted Dashboard Interaction Kit
- Insight Blue#3e8ede
- UI Layer Lilac#bda5e3
- Warning Coral#ff7373
- Panel Grey#f0f0f0
- Dropdown Black#222222
- Notification Yellow#fff799
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Insight Blue #3e8ede i Notification Yellow #fff799. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #222222 (najciemniejszy) do #F0F0F0 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #222222, #3E8EDE, #BDA5E3, #F0F0F0, #FF7373, #FFF799
Paleta AI-Assisted Dashboard Interaction Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #3e8ede, RGB: (62, 142, 222); KLĄTWA: #bda5e3, RGB: (189, 165, 227); KLĄTWA: #ff7373, RGB: (255, 115, 115)
KLĄTWA: #f0f0f0, RGB: (240, 240, 240); KLĄTWA: #222222, RGB: (34, 34, 34); KLĄTWA: #fff799, RGB: (255, 247, 153)
Uproszczona wersja palety kolorów
Cień dodgerblue, Odcień plum, Odcień lightcoral, Odcień whitesmoke, Cień Czarny, Cień Khaki
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
AI-Assisted Dashboard Interaction Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3e8ede | #3e8ede | RGB(62, 142, 222) | Insight Blue | — |
| #bda5e3 | #bda5e3 | RGB(189, 165, 227) | UI Layer Lilac | — |
| #ff7373 | #ff7373 | RGB(255, 115, 115) | Warning Coral | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Panel Grey | Gray94 |
| #222222 | #222222 | RGB(34, 34, 34) | Dropdown Black | Black Out |
| #fff799 | #fff799 | RGB(255, 247, 153) | Notification Yellow | — |
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 |
#3e8ede | #bda5e3 | 1.57 |
#3e8ede | #ff7373 | 1.29 |
#bda5e3 | #ff7373 | 1.21 |
#bda5e3 | #f0f0f0 | 1.9 |
#bda5e3 | #fff799 | 1.96 |
#f0f0f0 | #fff799 | 1.03 |
Paleta obrazów AI-Assisted Dashboard Interaction Kit png
Eksportuj paletę
Pobierz "AI-Assisted Dashboard Interaction Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: