Utworzono o godz 06/09/2025 15:30
Next.js Web Component UI Kit
- Next Charcoal#1a1a1d
- Serverless Silver#d8dee9
- Static Cloud#edf6f9
- Routing Rose#f4a261
- Turbo Teal#2ec4b6
- APIBridge Beige#f6f5f3
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Routing Rose #f4a261 i Turbo Teal #2ec4b6. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.
Według jasności paleta rozciąga się od #1A1A1D (najciemniejszy) do #F6F5F3 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 2 żywych z 6 kolorów.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Większość próbek odczytuje się jako neutralne w temperaturze (4 z 6).
Kody HEX (posortowane): #1A1A1D, #2EC4B6, #D8DEE9, #EDF6F9, #F4A261, #F6F5F3
Paleta Next.js Web Component UI Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #1a1a1d, RGB: (26, 26, 29); KLĄTWA: #d8dee9, RGB: (216, 222, 233); KLĄTWA: #edf6f9, RGB: (237, 246, 249)
KLĄTWA: #f4a261, RGB: (244, 162, 97); KLĄTWA: #2ec4b6, RGB: (46, 196, 182); KLĄTWA: #f6f5f3, RGB: (246, 245, 243)
Uproszczona wersja palety kolorów
Cień Czarny, Cień gainsboro, Odcień aliceblue, Odcień sandybrown, Odcień mediumturquoise, Cień whitesmoke
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Next.js Web Component UI Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #1a1a1d | #1a1a1d | RGB(26, 26, 29) | Next Charcoal | — |
| #d8dee9 | #d8dee9 | RGB(216, 222, 233) | Serverless Silver | — |
| #edf6f9 | #edf6f9 | RGB(237, 246, 249) | Static Cloud | — |
| #f4a261 | #f4a261 | RGB(244, 162, 97) | Routing Rose | — |
| #2ec4b6 | #2ec4b6 | RGB(46, 196, 182) | Turbo Teal | — |
| #f6f5f3 | #f6f5f3 | RGB(246, 245, 243) | APIBridge Beige | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#d8dee9 | #edf6f9 | 1.23 |
#d8dee9 | #f4a261 | 1.52 |
#d8dee9 | #2ec4b6 | 1.6 |
#d8dee9 | #f6f5f3 | 1.23 |
#edf6f9 | #f4a261 | 1.87 |
#edf6f9 | #2ec4b6 | 1.97 |
Paleta obrazów Next.js Web Component UI Kit png
Eksportuj paletę
Pobierz "Next.js Web Component UI Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: