Loading...
Utworzono o godz 06/20/2025 17:16
Composable Web UI Stack
- Atomic Sand#f8e9db
- Modular Teal#4dd0e1
- System Ink#2c2f33
- Composable Plum#ac8daf
- Reusable Ivory#fffdfc
- Component Gold#ffd369
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
Eksportuj paletę
Pobierz "Composable Web UI Stack" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: