Utworzono o godz 08/11/2025 14:45
Adaptive UX Pattern Library
- Primary Blue#1565c0
- Accent Coral#ff6f61
- Focus Mint#81c784
- Neutral Gray#9e9e9e
- Alert Yellow#f9a825
- Background White#ffffff
- Text Black#000000
Paleta składa się z kolorów Półciemny, Światło, Ciemny. Kolory akcentujące Primary Blue #1565c0 i Accent Coral #ff6f61. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #000000 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Większość próbek odczytuje się jako neutralne w temperaturze.
Kody HEX (posortowane): #000000, #1565C0, #81C784, #9E9E9E, #F9A825, #FF6F61, #FFFFFF
Paleta Adaptive UX Pattern Library zawiera kombinację kolorów kodów 7:
KLĄTWA: #1565c0, RGB: (21, 101, 192); KLĄTWA: #ff6f61, RGB: (255, 111, 97); KLĄTWA: #81c784, RGB: (129, 199, 132)
KLĄTWA: #9e9e9e, RGB: (158, 158, 158); KLĄTWA: #f9a825, RGB: (249, 168, 37); KLĄTWA: #ffffff, RGB: (255, 255, 255)
KLĄTWA: #000000, RGB: (0, 0, 0)
Uproszczona wersja palety kolorów
Odcień royalblue, Odcień salmon, Cień darkseagreen, Odcień darkgrey, Cień Pomarańczowy, Biały, Czarny
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Adaptive UX Pattern Library kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | Primary Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Accent Coral | Living Coral |
| #81c784 | #81c784 | RGB(129, 199, 132) | Focus Mint | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Neutral Gray | Gray62 |
| #f9a825 | #f9a825 | RGB(249, 168, 37) | Alert Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RGB(0, 0, 0) | Text Black | Black |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ff6f61 | #81c784 | 1.35 |
#ff6f61 | #9e9e9e | 1.01 |
#ff6f61 | #f9a825 | 1.38 |
#81c784 | #9e9e9e | 1.33 |
#81c784 | #f9a825 | 1.02 |
#9e9e9e | #f9a825 | 1.35 |
Paleta obrazów Adaptive UX Pattern Library png
Eksportuj paletę
Pobierz "Adaptive UX Pattern Library" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: