Utworzono o godz 06/30/2025 17:46
Next.js Dashboard Gradient
- SSR Purple#6c5ce7
- API Fog#d3d3d3
- UI Button Blue#0984e3
- Analytics Maroon#b53471
- Sidebar Sand#fff0d5
- Deploy Carbon#333333
- Query Leaf#2ecc71
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące UI Button Blue #0984e3 i Sidebar Sand #fff0d5. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #333333 (najciemniejszy) do #FFF0D5 (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 zimnu.
Kody HEX (posortowane): #0984E3, #2ECC71, #333333, #6C5CE7, #B53471, #D3D3D3, #FFF0D5
Paleta Next.js Dashboard Gradient zawiera kombinację kolorów kodów 7:
KLĄTWA: #6c5ce7, RGB: (108, 92, 231); KLĄTWA: #d3d3d3, RGB: (211, 211, 211); KLĄTWA: #0984e3, RGB: (9, 132, 227)
KLĄTWA: #b53471, RGB: (181, 52, 113); KLĄTWA: #fff0d5, RGB: (255, 240, 213); KLĄTWA: #333333, RGB: (51, 51, 51)
KLĄTWA: #2ecc71, RGB: (46, 204, 113)
Uproszczona wersja palety kolorów
Odcień mediumslateblue, Odcień dodgerblue, Cień mediumvioletred, Cień papayawhip, Cień Czarny, Cień mediumseagreen
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Next.js Dashboard Gradient kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #6c5ce7 | #6c5ce7 | RGB(108, 92, 231) | SSR Purple | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | API Fog | Pinball |
| #0984e3 | #0984e3 | RGB(9, 132, 227) | UI Button Blue | — |
| #b53471 | #b53471 | RGB(181, 52, 113) | Analytics Maroon | — |
| #fff0d5 | #fff0d5 | RGB(255, 240, 213) | Sidebar Sand | — |
| #333333 | #333333 | RGB(51, 51, 51) | Deploy Carbon | Carbon |
| #2ecc71 | #2ecc71 | RGB(46, 204, 113) | Query Leaf | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#6c5ce7 | #0984e3 | 1.25 |
#6c5ce7 | #b53471 | 1.16 |
#d3d3d3 | #fff0d5 | 1.33 |
#d3d3d3 | #2ecc71 | 1.4 |
#0984e3 | #b53471 | 1.46 |
#0984e3 | #2ecc71 | 1.84 |
Paleta obrazów Next.js Dashboard Gradient png
Eksportuj paletę
Pobierz "Next.js Dashboard Gradient" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: