Utworzono o godz 07/11/2025 13:02
Dark Mode App Dev Template
- App Shell Black#121212
- Active State Green#80ed99
- Component Grid Slate#7d8597
- Notification Pink#ff6b81
- Surface Panel Grey#dadada
- Text Primary White#fcfcfc
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Active State Green #80ed99 i Notification Pink #ff6b81. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #121212 (najciemniejszy) do #FCFCFC (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się głównie stonowane (niska chroma).
Większość kolorów jest bliska neutralnej lub bardzo mało nasycona; relacje między barwami są subtelne.
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #121212, #7D8597, #80ED99, #DADADA, #FCFCFC, #FF6B81
Paleta Dark Mode App Dev Template zawiera kombinację kolorów kodów 6:
KLĄTWA: #121212, RGB: (18, 18, 18); KLĄTWA: #80ed99, RGB: (128, 237, 153); KLĄTWA: #7d8597, RGB: (125, 133, 151)
KLĄTWA: #ff6b81, RGB: (255, 107, 129); KLĄTWA: #dadada, RGB: (218, 218, 218); KLĄTWA: #fcfcfc, RGB: (252, 252, 252)
Uproszczona wersja palety kolorów
Cień Czarny, Odcień lightgreen, Odcień lightslategrey, Odcień lightcoral, Odcień gainsboro, Odcień Biały
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
Dark Mode App Dev Template kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #121212 | #121212 | RGB(18, 18, 18) | App Shell Black | Dark Tone Ink |
| #80ed99 | #80ed99 | RGB(128, 237, 153) | Active State Green | — |
| #7d8597 | #7d8597 | RGB(125, 133, 151) | Component Grid Slate | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Notification Pink | — |
| #dadada | #dadada | RGB(218, 218, 218) | Surface Panel Grey | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Text Primary White | Gray99 |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#80ed99 | #ff6b81 | 1.88 |
#80ed99 | #dadada | 1.03 |
#80ed99 | #fcfcfc | 1.41 |
#7d8597 | #ff6b81 | 1.35 |
#ff6b81 | #dadada | 1.95 |
#dadada | #fcfcfc | 1.36 |
Paleta obrazów Dark Mode App Dev Template png
Eksportuj paletę
Pobierz "Dark Mode App Dev Template" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: