Utworzono o godz 08/21/2025 11:55
Next.js Adaptive Dark Mode Flow
- Shadow Indigo#3f51b5
- Runtime Gray#2e2e2e
- Hook Green#66bb6a
- Middleware Yellow#fdd835
- Overlay White#fafafa
- Hyper Orange#ff7043
Paleta składa się z kolorów Półciemny, Ciemny, Światło. Kolory akcentujące Shadow Indigo #3f51b5 i Hyper Orange #ff7043. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #2E2E2E (najciemniejszy) do #FAFAFA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
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): #2E2E2E, #3F51B5, #66BB6A, #FAFAFA, #FDD835, #FF7043
Paleta Next.js Adaptive Dark Mode Flow zawiera kombinację kolorów kodów 6:
KLĄTWA: #3f51b5, RGB: (63, 81, 181); KLĄTWA: #2e2e2e, RGB: (46, 46, 46); KLĄTWA: #66bb6a, RGB: (102, 187, 106)
KLĄTWA: #fdd835, RGB: (253, 216, 53); KLĄTWA: #fafafa, RGB: (250, 250, 250); KLĄTWA: #ff7043, RGB: (255, 112, 67)
Uproszczona wersja palety kolorów
Odcień slateblue, Cień Czarny, Cień mediumseagreen, Cień gold, Cień whitesmoke, Odcień coral
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Next.js Adaptive Dark Mode Flow kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Shadow Indigo | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Runtime Gray | Carbon Fiber |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | Hook Green | — |
| #fdd835 | #fdd835 | RGB(253, 216, 53) | Middleware Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Hyper Orange | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#3f51b5 | #2e2e2e | 1.97 |
#66bb6a | #fdd835 | 1.69 |
#66bb6a | #ff7043 | 1.16 |
#fdd835 | #fafafa | 1.33 |
#fdd835 | #ff7043 | 1.96 |
Paleta obrazów Next.js Adaptive Dark Mode Flow png
Eksportuj paletę
Pobierz "Next.js Adaptive Dark Mode Flow" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: