Softwear UI Essentials
- Cloud Beige#f9f4ef
- Modal Teal#94d3ac
- Form Field Lilac#b8a0d9
- Soft Gray Panel#d3d3d3
- Primary Text Black#1a1a1a
- Confirm Green#61b15a
- Notification Coral#f76c5e
- Header White#ffffff
Utworzono 06/05/2025 08:08
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Modal Teal #94d3ac i Notification Coral #f76c5e. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #1A1A1A (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 1 żywych z 8 kolorów.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (3 z 8).
Kody HEX (posortowane): #1A1A1A, #61B15A, #94D3AC, #B8A0D9, #D3D3D3, #F76C5E, #F9F4EF, #FFFFFF
Paleta Softwear UI Essentials łączy 8 kodów kolorów:
HEX: #f9f4ef, RGB: (249, 244, 239); HEX: #94d3ac, RGB: (148, 211, 172); HEX: #b8a0d9, RGB: (184, 160, 217)
HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #61b15a, RGB: (97, 177, 90)
HEX: #f76c5e, RGB: (247, 108, 94); HEX: #ffffff, RGB: (255, 255, 255)
Uproszczona wersja palety kolorów
Ciemny odcień Muszla, Jasny odcień Średnia akwamaryna, Ciemny odcień Śliwkowy, Jasnoszary, Jasny odcień Czarny, Jasny odcień Średnia zieleń morska, Ciemny odcień Łososiowy, Biały
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Softwear UI Essentials kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #f9f4ef | #f9f4ef | RGB(249, 244, 239) | Cloud Beige | — |
| #94d3ac | #94d3ac | RGB(148, 211, 172) | Modal Teal | — |
| #b8a0d9 | #b8a0d9 | RGB(184, 160, 217) | Form Field Lilac | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Soft Gray Panel | Lightgray |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Primary Text Black | Gray10 |
| #61b15a | #61b15a | RGB(97, 177, 90) | Confirm Green | — |
| #f76c5e | #f76c5e | RGB(247, 108, 94) | Notification Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Header White | White |
Kontrast palety kolorów
15 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#f9f4ef | #94d3ac | 1.57 |
#f9f4ef | #d3d3d3 | 1.36 |
#f9f4ef | #ffffff | 1.09 |
#94d3ac | #b8a0d9 | 1.34 |
#94d3ac | #d3d3d3 | 1.15 |
#94d3ac | #61b15a | 1.53 |
Paleta obrazów Softwear UI Essentials png
Eksportuj paletę
Pobierz "Softwear UI Essentials" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: