Design System Flow Protocol
- Component Ivory#fdf6ec
- Hierarchy Charcoal#2d2d2d
- Interaction Teal#9decf9
- Guideline Plum#baa0de
- Style Sheet Gold#ffdc6a
Utworzono 07/05/2025 11:29
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Interaction Teal #9decf9 i Style Sheet Gold #ffdc6a. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #2D2D2D (najciemniejszy) do #FDF6EC (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 60% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (2 z 5).
Kody HEX (posortowane): #2D2D2D, #9DECF9, #BAA0DE, #FDF6EC, #FFDC6A
Paleta Design System Flow Protocol łączy 5 kodów kolorów:
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #9decf9, RGB: (157, 236, 249)
HEX: #baa0de, RGB: (186, 160, 222); HEX: #ffdc6a, RGB: (255, 220, 106)
Uproszczona wersja palety kolorów
Ciemny odcień Muszla, Jasny odcień Czarny, Ciemny odcień Bladoturkusowy, Ciemny odcień Śliwkowy, Jasny odcień Złoty
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Design System Flow Protocol kody kolorów HEX, informacje RGB w tabeli
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#fdf6ec | #9decf9 | 1.23 |
#fdf6ec | #ffdc6a | 1.24 |
#9decf9 | #baa0de | 1.72 |
#9decf9 | #ffdc6a | 1 |
#baa0de | #ffdc6a | 1.71 |
Paleta obrazów Design System Flow Protocol png
Eksportuj paletę
Pobierz "Design System Flow Protocol" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: