Loading...
Utworzono o godz 08/02/2025 10:21
Hypermedia Design Systems Flow
- Framework Pink#f49ac2
- Markup White#fdfdfd
- Element Grey#e5e5e5
- Scroll Orange#ffa552
- Syntax Cyan#5ac8fa
- Backend Graphite#2f2f2f
- AI Layer Blue#6c8ae4
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Scroll Orange #ffa552 i Syntax Cyan #5ac8fa. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #2F2F2F (najciemniejszy) do #FDFDFD (najjaśniejszy). Zakres jasności jest szeroki.
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).
Ciepłe i zimne próbki są dość zrównoważone.
Kody HEX (posortowane): #2F2F2F, #5AC8FA, #6C8AE4, #E5E5E5, #F49AC2, #FDFDFD, #FFA552
Paleta Hypermedia Design Systems Flow zawiera kombinację kolorów kodów 7:
KLĄTWA: #f49ac2, RGB: (244, 154, 194); KLĄTWA: #fdfdfd, RGB: (253, 253, 253); KLĄTWA: #e5e5e5, RGB: (229, 229, 229)
KLĄTWA: #ffa552, RGB: (255, 165, 82); KLĄTWA: #5ac8fa, RGB: (90, 200, 250); KLĄTWA: #2f2f2f, RGB: (47, 47, 47)
KLĄTWA: #6c8ae4, RGB: (108, 138, 228)
Uproszczona wersja palety kolorów
Cień plum, Odcień Biały, Cień gainsboro, Cień sandybrown, Cień deepskyblue, Cień Czarny, Odcień cornflowerblue
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Hypermedia Design Systems Flow kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #f49ac2 | #f49ac2 | RGB(244, 154, 194) | Framework Pink | Pastel Magenta |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Markup White | Brilliance |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Element Grey | Gray90 |
| #ffa552 | #ffa552 | RGB(255, 165, 82) | Scroll Orange | — |
| #5ac8fa | #5ac8fa | RGB(90, 200, 250) | Syntax Cyan | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Backend Graphite | — |
| #6c8ae4 | #6c8ae4 | RGB(108, 138, 228) | AI Layer Blue | — |
Kontrast palety kolorów
12 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#f49ac2 | #e5e5e5 | 1.62 |
#f49ac2 | #ffa552 | 1.04 |
#f49ac2 | #5ac8fa | 1.08 |
#f49ac2 | #6c8ae4 | 1.6 |
#fdfdfd | #e5e5e5 | 1.23 |
#fdfdfd | #ffa552 | 1.91 |
Paleta obrazów Hypermedia Design Systems Flow png
Eksportuj paletę
Pobierz "Hypermedia Design Systems Flow" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: