Loading...
Utworzono o godz 08/02/2025 10:21
  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
Loading...
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 PinkPastel Magenta
#fdfdfd #fdfdfd RGB(253, 253, 253)Markup WhiteBrilliance
#e5e5e5 #e5e5e5 RGB(229, 229, 229)Element GreyGray90
#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

Loading...
Loading...
Loading...