Interactive Prototyping Flow
- Trigger Red#f44336
- State Blue#42a5f5
- Connection Yellow#fff59d
- Layer Fog#f5f5f5
- Overlay Purple#7e57c2
- Feedback Slate#546e7a
Utworzono 07/02/2025 16:44
Paleta składa się z kolorów Jasny, Półciemny. Kolory akcentujące State Blue #42a5f5 i Connection Yellow #fff59d. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #546E7A (najciemniejszy) do #F5F5F5 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 2 stonowanych i 3 żywych z 6 kolorów.
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 (3 z 6).
Kody HEX (posortowane): #42A5F5, #546E7A, #7E57C2, #F44336, #F5F5F5, #FFF59D
Paleta Interactive Prototyping Flow łączy 6 kodów kolorów:
HEX: #f44336, RGB: (244, 67, 54); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #fff59d, RGB: (255, 245, 157)
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #546e7a, RGB: (84, 110, 122)
Uproszczona wersja palety kolorów
Ciemny odcień Pomidorowy, Jasny odcień Niebieski Dodger, Jasny odcień Khaki, Biały dym, Jasny odcień Łupkowy niebieski, Ciemny odcień Łupkowy szary
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Interactive Prototyping Flow kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #f44336 | #f44336 | RGB(244, 67, 54) | Trigger Red | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | State Blue | — |
| #fff59d | #fff59d | RGB(255, 245, 157) | Connection Yellow | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Layer Fog | Whitesmoke |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Overlay Purple | — |
| #546e7a | #546e7a | RGB(84, 110, 122) | Feedback Slate | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#f44336 | #42a5f5 | 1.39 |
#f44336 | #7e57c2 | 1.41 |
#f44336 | #546e7a | 1.46 |
#42a5f5 | #7e57c2 | 1.96 |
#fff59d | #f5f5f5 | 1.02 |
#7e57c2 | #546e7a | 1.03 |
Paleta obrazów Interactive Prototyping Flow png
Eksportuj paletę
Pobierz "Interactive Prototyping Flow" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: