Loading...
Utworzono o godz 06/20/2025 17:16
  11

Composable Web UI Stack

  • Atomic Sand
    #f8e9db
  • Modular Teal
    #4dd0e1
  • System Ink
    #2c2f33
  • Composable Plum
    #ac8daf
  • Reusable Ivory
    #fffdfc
  • Component Gold
    #ffd369
Loading...
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Modular Teal #4dd0e1 i Reusable Ivory #fffdfc. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.

Według jasności paleta rozciąga się od #2C2F33 (najciemniejszy) do #FFFDFC (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).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #2C2F33, #4DD0E1, #AC8DAF, #F8E9DB, #FFD369, #FFFDFC

Paleta Composable Web UI Stack zawiera kombinację kolorów kodów 6:
KLĄTWA: #f8e9db, RGB: (248, 233, 219); KLĄTWA: #4dd0e1, RGB: (77, 208, 225); KLĄTWA: #2c2f33, RGB: (44, 47, 51)
KLĄTWA: #ac8daf, RGB: (172, 141, 175); KLĄTWA: #fffdfc, RGB: (255, 253, 252); KLĄTWA: #ffd369, RGB: (255, 211, 105)
Uproszczona wersja palety kolorów
Odcień linen, Cień darkturquoise, Cień Czarny, Odcień plum, Odcień Biały, Cień gold
Schemat kolorów został stworzony przez palettespicker

Kody kolorów w palecie

Composable Web UI Stack kody kolorów HEX, informacje RGB w tabeli

Kolor KLĄTWA RGB Nazwa alternatywne imie
#f8e9db #f8e9db RGB(248, 233, 219)Atomic Sand
#4dd0e1 #4dd0e1 RGB(77, 208, 225)Modular Teal
#2c2f33 #2c2f33 RGB(44, 47, 51)System Ink
#ac8daf #ac8daf RGB(172, 141, 175)Composable Plum
#fffdfc #fffdfc RGB(255, 253, 252)Reusable Ivory
#ffd369 #ffd369 RGB(255, 211, 105)Component Gold

Kontrast palety kolorów

7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu Kolor tła Współczynnik kontrastu
#f8e9db
#4dd0e1
1.54
#f8e9db
#fffdfc
1.17
#f8e9db
#ffd369
1.19
#4dd0e1
#ac8daf
1.59
#4dd0e1
#fffdfc
1.81
#4dd0e1
#ffd369
1.29

Paleta obrazów Composable Web UI Stack png

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