Utworzono o godz 05/25/2025 22:34
Next-Gen Product Design System
- Indigo Byte#5c6ac4
- Apricot Highlight#ffd6a5
- Light Teal Stream#b8fff9
- UI Gray#6b7280
- UX White#fdfdfd
Paleta składa się z kolorów Światło. Kolory akcentujące Apricot Highlight #ffd6a5 i Light Teal Stream #b8fff9. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #6B7280 (najciemniejszy) do #FDFDFD (najjaśniejszy). Zakres jasności jest umiarkowany.
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).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #5C6AC4, #6B7280, #B8FFF9, #FDFDFD, #FFD6A5
Paleta Next-Gen Product Design System zawiera kombinację kolorów kodów 5:
KLĄTWA: #5c6ac4, RGB: (92, 106, 196); KLĄTWA: #ffd6a5, RGB: (255, 214, 165); KLĄTWA: #b8fff9, RGB: (184, 255, 249)
KLĄTWA: #6b7280, RGB: (107, 114, 128); KLĄTWA: #fdfdfd, RGB: (253, 253, 253)
Uproszczona wersja palety kolorów
Cień royalblue, Odcień navajowhite, Cień paleturquoise, Odcień slategrey, Odcień Biały
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Next-Gen Product Design System kody kolorów HEX, informacje RGB w tabeli
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 |
#5c6ac4 | #6b7280 | 1 |
#ffd6a5 | #b8fff9 | 1.21 |
#ffd6a5 | #fdfdfd | 1.33 |
#b8fff9 | #fdfdfd | 1.1 |
Paleta obrazów Next-Gen Product Design System png
Eksportuj paletę
Pobierz "Next-Gen Product Design System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: