Utworzono o godz 03/06/2026 18:18
AI Product Design System
- Product Blue#2563eb
- Concept Peach#ffadad
- Wireframe Gray#6c757d
- Prototype Teal#2a9d8f
- Ideation Lavender#b8a1e3
- Accent Lemon#ffe66d
- UX Rose#e76f51
Paleta składa się z kolorów Półciemny, Światło. Kolory akcentujące Product Blue #2563eb i Accent Lemon #ffe66d. Paleta ma temperaturę kolorów Zimny, Ciepły.
Według jasności paleta rozciąga się od #2A9D8F (najciemniejszy) do #FFADAD (najjaśniejszy). Zakres jasności jest umiarkowany.
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): #2563EB, #2A9D8F, #6C757D, #B8A1E3, #E76F51, #FFADAD, #FFE66D
Paleta AI Product Design System zawiera kombinację kolorów kodów 7:
KLĄTWA: #2563eb, RGB: (37, 99, 235); KLĄTWA: #ffadad, RGB: (255, 173, 173); KLĄTWA: #6c757d, RGB: (108, 117, 125)
KLĄTWA: #2a9d8f, RGB: (42, 157, 143); KLĄTWA: #b8a1e3, RGB: (184, 161, 227); KLĄTWA: #ffe66d, RGB: (255, 230, 109)
KLĄTWA: #e76f51, RGB: (231, 111, 81)
Uproszczona wersja palety kolorów
Odcień royalblue, Odcień lightpink, Odcień slategrey, Odcień lightseagreen, Odcień plum, Cień Khaki, Cień tomato
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
AI Product Design System kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #2563eb | #2563eb | RGB(37, 99, 235) | Product Blue | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Concept Peach | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Wireframe Gray | Pompeii Ash |
| #2a9d8f | #2a9d8f | RGB(42, 157, 143) | Prototype Teal | — |
| #b8a1e3 | #b8a1e3 | RGB(184, 161, 227) | Ideation Lavender | — |
| #ffe66d | #ffe66d | RGB(255, 230, 109) | Accent Lemon | — |
| #e76f51 | #e76f51 | RGB(231, 111, 81) | UX Rose | — |
Kontrast palety kolorów
13 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#2563eb | #6c757d | 1.1 |
#2563eb | #2a9d8f | 1.55 |
#2563eb | #e76f51 | 1.67 |
#ffadad | #2a9d8f | 1.87 |
#ffadad | #b8a1e3 | 1.27 |
#ffadad | #ffe66d | 1.41 |
Paleta obrazów AI Product Design System png
Eksportuj paletę
Pobierz "AI Product Design System" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: