Next.js Dark Mode Studio
- SSR Slate#37474f
- Tailwind Mist#e0f2f1
- Static Jet#212121
- Optimized Violet#7e57c2
- Hydrate Ice#f3f3f3
- Code Orange#ff7043
Utworzono 07/04/2025 09:41
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące Tailwind Mist #e0f2f1 i Code Orange #ff7043. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #F3F3F3 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 1 żywych z 6 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 (2 z 6).
Kody HEX (posortowane): #212121, #37474F, #7E57C2, #E0F2F1, #F3F3F3, #FF7043
Paleta Next.js Dark Mode Studio łączy 6 kodów kolorów:
HEX: #37474f, RGB: (55, 71, 79); HEX: #e0f2f1, RGB: (224, 242, 241); HEX: #212121, RGB: (33, 33, 33)
HEX: #7e57c2, RGB: (126, 87, 194); HEX: #f3f3f3, RGB: (243, 243, 243); HEX: #ff7043, RGB: (255, 112, 67)
Uproszczona wersja palety kolorów
Ciemny odcień Ciemny łupkowy szary, Ciemny odcień Lazurowy, Jasny odcień Czarny, Jasny odcień Łupkowy niebieski, Ciemny odcień Biały dym, Ciemny odcień Koralowy
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Next.js Dark Mode Studio kody kolorów HEX, informacje RGB w tabeli
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#37474f | #212121 | 1.66 |
#37474f | #7e57c2 | 1.85 |
#e0f2f1 | #f3f3f3 | 1.04 |
#7e57c2 | #ff7043 | 1.89 |
Paleta obrazów Next.js Dark Mode Studio png
Eksportuj paletę
Pobierz "Next.js Dark Mode Studio" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: