Utworzono o godz 07/12/2025 20:05
Next-Gen Web Portal Framework
- Landing Page Blue#3a86ff
- Hero Text White#f8f9fa
- Grid Break Taupe#d6ccc2
- Flexbox Aqua#00fff7
- Component Shadow#1e1e24
- Interaction Plum#9b5de5
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Grid Break Taupe #d6ccc2 i Flexbox Aqua #00fff7. Paleta ma temperaturę kolorów Zimny, Neutralny.
Według jasności paleta rozciąga się od #1E1E24 (najciemniejszy) do #F8F9FA (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 3 ż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).
Ogólna temperatura barw przechyla się ku zimnu (3 z 6).
Kody HEX (posortowane): #00FFF7, #1E1E24, #3A86FF, #9B5DE5, #D6CCC2, #F8F9FA
Paleta Next-Gen Web Portal Framework zawiera kombinację kolorów kodów 6:
KLĄTWA: #3a86ff, RGB: (58, 134, 255); KLĄTWA: #f8f9fa, RGB: (248, 249, 250); KLĄTWA: #d6ccc2, RGB: (214, 204, 194)
KLĄTWA: #00fff7, RGB: (0, 255, 247); KLĄTWA: #1e1e24, RGB: (30, 30, 36); KLĄTWA: #9b5de5, RGB: (155, 93, 229)
Uproszczona wersja palety kolorów
Cień dodgerblue, Cień whitesmoke, Odcień lightgrey, Odcień cyan, Cień Czarny, Odcień mediumpurple
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Next-Gen Web Portal Framework kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Landing Page Blue | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Hero Text White | — |
| #d6ccc2 | #d6ccc2 | RGB(214, 204, 194) | Grid Break Taupe | — |
| #00fff7 | #00fff7 | RGB(0, 255, 247) | Flexbox Aqua | — |
| #1e1e24 | #1e1e24 | RGB(30, 30, 36) | Component Shadow | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Interaction Plum | — |
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#3a86ff | #9b5de5 | 1.18 |
#f8f9fa | #d6ccc2 | 1.5 |
#f8f9fa | #00fff7 | 1.19 |
#d6ccc2 | #00fff7 | 1.25 |
Paleta obrazów Next-Gen Web Portal Framework png
Eksportuj paletę
Pobierz "Next-Gen Web Portal Framework" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: