Wygeneruj paletę
  1. Palety kolorów
  2. Next.js UI Pulse Interface
Utworzono o godz 07/08/2025 19:52
przezcolorslib
  1

Next.js UI Pulse Interface

  • Framework Graphite
    #1f2937
  • SSR Sky
    #38bdf8
  • Hook Salmon
    #ffa69e
  • Render White
    #fafafa
  • Async Indigo
    #7c83fd
  • Compile Gold
    #ffd93d
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Async Indigo #7c83fd i Compile Gold #ffd93d. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #1F2937 (najciemniejszy) do #FAFAFA (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): #1F2937, #38BDF8, #7C83FD, #FAFAFA, #FFA69E, #FFD93D

Paleta Next.js UI Pulse Interface zawiera kombinację kolorów kodów 6:
KLĄTWA: #1f2937, RGB: (31, 41, 55); KLĄTWA: #38bdf8, RGB: (56, 189, 248); KLĄTWA: #ffa69e, RGB: (255, 166, 158)
KLĄTWA: #fafafa, RGB: (250, 250, 250); KLĄTWA: #7c83fd, RGB: (124, 131, 253); KLĄTWA: #ffd93d, RGB: (255, 217, 61)
Uproszczona wersja palety kolorów
Cień Czarny, Cień deepskyblue, Odcień lightpink, Cień whitesmoke, Cień mediumslateblue, Cień gold
Schemat kolorów został stworzony przez colorslib

Kody kolorów w palecie

Next.js UI Pulse Interface kody kolorów HEX, informacje RGB w tabeli

Kolor KLĄTWA RGB Nazwa alternatywne imie
#1f2937 #1f2937 RGB(31, 41, 55)Framework Graphite—
#38bdf8 #38bdf8 RGB(56, 189, 248)SSR Sky—
#ffa69e #ffa69e RGB(255, 166, 158)Hook Salmon—
#fafafa #fafafa RGB(250, 250, 250)Render WhiteDr. White
#7c83fd #7c83fd RGB(124, 131, 253)Async Indigo—
#ffd93d #ffd93d RGB(255, 217, 61)Compile Gold—

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
#38bdf8
#ffa69e
1.14
#38bdf8
#7c83fd
1.5
#38bdf8
#ffd93d
1.55
#ffa69e
#fafafa
1.79
#ffa69e
#7c83fd
1.71
#ffa69e
#ffd93d
1.36

Paleta obrazów Next.js UI Pulse Interface png

Next.js UI Pulse Interface - #554346
 Pobierz obraz