Utworzono o godz 06/26/2025 08:40
Interaction Design AI Assistant
- Hover Violet#8b5cf6
- Predict Slate#334155
- Component Cream#fdf6ec
- Animate Peach#fed7aa
- Context Green#4ade80
- Target Ink#111827
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Hover Violet #8b5cf6 i Animate Peach #fed7aa. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #111827 (najciemniejszy) do #FDF6EC (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).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #111827, #334155, #4ADE80, #8B5CF6, #FDF6EC, #FED7AA
Paleta Interaction Design AI Assistant zawiera kombinację kolorów kodów 6:
KLĄTWA: #8b5cf6, RGB: (139, 92, 246); KLĄTWA: #334155, RGB: (51, 65, 85); KLĄTWA: #fdf6ec, RGB: (253, 246, 236)
KLĄTWA: #fed7aa, RGB: (254, 215, 170); KLĄTWA: #4ade80, RGB: (74, 222, 128); KLĄTWA: #111827, RGB: (17, 24, 39)
Uproszczona wersja palety kolorów
Odcień mediumslateblue, Odcień darkslateblue, Odcień floralwhite, Odcień navajowhite, Cień mediumspringgreen, Cień Czarny
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Interaction Design AI Assistant kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #8b5cf6 | #8b5cf6 | RGB(139, 92, 246) | Hover Violet | — |
| #334155 | #334155 | RGB(51, 65, 85) | Predict Slate | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Component Cream | — |
| #fed7aa | #fed7aa | RGB(254, 215, 170) | Animate Peach | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Context Green | — |
| #111827 | #111827 | RGB(17, 24, 39) | Target Ink | — |
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#334155 | #111827 | 1.71 |
#fdf6ec | #fed7aa | 1.26 |
#fdf6ec | #4ade80 | 1.62 |
#fed7aa | #4ade80 | 1.28 |
Paleta obrazów Interaction Design AI Assistant png
Eksportuj paletę
Pobierz "Interaction Design AI Assistant" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: