Utworzono o godz 06/22/2025 07:13
  6

Next.js Admin Portal Glow

  • Framework Indigo
    #7067cf
  • Status Green
    #70e000
  • Nav Dust
    #f3f4f6
  • Alert Red
    #e5383b
  • Hover White
    #ffffff
  • Footer Blue
    #457b9d
Loading...
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Framework Indigo #7067cf i Status Green #70e000. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #70E000 (najciemniejszy) do #FFFFFF (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).

Ciepłe i zimne próbki są dość zrównoważone.

Kody HEX (posortowane): #457B9D, #7067CF, #70E000, #E5383B, #F3F4F6, #FFFFFF

Paleta Next.js Admin Portal Glow zawiera kombinację kolorów kodów 6:
KLĄTWA: #7067cf, RGB: (112, 103, 207); KLĄTWA: #70e000, RGB: (112, 224, 0); KLĄTWA: #f3f4f6, RGB: (243, 244, 246)
KLĄTWA: #e5383b, RGB: (229, 56, 59); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #457b9d, RGB: (69, 123, 157)
Uproszczona wersja palety kolorów
Cień slateblue, Odcień lawngreen, Odcień whitesmoke, Cień crimson, Biały, Odcień steelblue
Schemat kolorów został stworzony przez colorslib

Kody kolorów w palecie

Next.js Admin Portal Glow kody kolorów HEX, informacje RGB w tabeli

Kolor KLĄTWA RGB Nazwa alternatywne imie
#7067cf #7067cf RGB(112, 103, 207)Framework Indigo
#70e000 #70e000 RGB(112, 224, 0)Status Green
#f3f4f6 #f3f4f6 RGB(243, 244, 246)Nav Dust
#e5383b #e5383b RGB(229, 56, 59)Alert Red
#ffffff #ffffff RGB(255, 255, 255)Hover WhiteWhite
#457b9d #457b9d RGB(69, 123, 157)Footer Blue

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
#7067cf
#e5383b
1.09
#7067cf
#457b9d
1
#70e000
#f3f4f6
1.54
#70e000
#ffffff
1.7
#f3f4f6
#ffffff
1.1
#e5383b
#457b9d
1.08

Paleta obrazów Next.js Admin Portal Glow png

Loading...
Loading...