Utworzono o godz 06/17/2025 12:07
Responsive E-commerce UI Kit
- Cart Salmon#ff8e72
- Wishlist Mist#f4f5f7
- Product Teal Glow#22babb
- Add-to-Bag Orange#ffb84c
- Price Tag Navy#233142
- Promo Yellow Spark#ffea7f
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Product Teal Glow #22babb i Promo Yellow Spark #ffea7f. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #233142 (najciemniejszy) do #F4F5F7 (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 ciepłu.
Kody HEX (posortowane): #22BABB, #233142, #F4F5F7, #FF8E72, #FFB84C, #FFEA7F
Paleta Responsive E-commerce UI Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #ff8e72, RGB: (255, 142, 114); KLĄTWA: #f4f5f7, RGB: (244, 245, 247); KLĄTWA: #22babb, RGB: (34, 186, 187)
KLĄTWA: #ffb84c, RGB: (255, 184, 76); KLĄTWA: #233142, RGB: (35, 49, 66); KLĄTWA: #ffea7f, RGB: (255, 234, 127)
Uproszczona wersja palety kolorów
Cień darksalmon, Odcień whitesmoke, Cień lightseagreen, Cień Pomarańczowy, Cień midnightblue, Cień Khaki
Schemat kolorów został stworzony przez colorscheme
Więcej palet z:
Kody kolorów w palecie
Responsive E-commerce UI Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #ff8e72 | #ff8e72 | RGB(255, 142, 114) | Cart Salmon | — |
| #f4f5f7 | #f4f5f7 | RGB(244, 245, 247) | Wishlist Mist | — |
| #22babb | #22babb | RGB(34, 186, 187) | Product Teal Glow | — |
| #ffb84c | #ffb84c | RGB(255, 184, 76) | Add-to-Bag Orange | — |
| #233142 | #233142 | RGB(35, 49, 66) | Price Tag Navy | — |
| #ffea7f | #ffea7f | RGB(255, 234, 127) | Promo Yellow Spark | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#ff8e72 | #22babb | 1.06 |
#ff8e72 | #ffb84c | 1.3 |
#ff8e72 | #ffea7f | 1.85 |
#f4f5f7 | #ffb84c | 1.57 |
#f4f5f7 | #ffea7f | 1.11 |
#22babb | #ffb84c | 1.38 |
Paleta obrazów Responsive E-commerce UI Kit png
Eksportuj paletę
Pobierz "Responsive E-commerce UI Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: