Utworzono o godz 06/13/2025 10:28
Next.js Webflow Colorscape
- Framework Blue#2563eb
- Static Snow#f5f7fa
- Hooked Coral#ff6f61
- SSR Steel#475569
- API Leaf#8bc34a
- Event Grey#d0d5dd
Paleta składa się z kolorów Półciemny, Światło. Kolory akcentujące Framework Blue #2563eb i Hooked Coral #ff6f61. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #475569 (najciemniejszy) do #F5F7FA (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).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #2563EB, #475569, #8BC34A, #D0D5DD, #F5F7FA, #FF6F61
Paleta Next.js Webflow Colorscape zawiera kombinację kolorów kodów 6:
KLĄTWA: #2563eb, RGB: (37, 99, 235); KLĄTWA: #f5f7fa, RGB: (245, 247, 250); KLĄTWA: #ff6f61, RGB: (255, 111, 97)
KLĄTWA: #475569, RGB: (71, 85, 105); KLĄTWA: #8bc34a, RGB: (139, 195, 74); KLĄTWA: #d0d5dd, RGB: (208, 213, 221)
Uproszczona wersja palety kolorów
Odcień royalblue, Odcień ghostwhite, Odcień salmon, Cień darkslateblue, Odcień Żółty zielony, Cień lightgrey
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Next.js Webflow Colorscape kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #2563eb | #2563eb | RGB(37, 99, 235) | Framework Blue | — |
| #f5f7fa | #f5f7fa | RGB(245, 247, 250) | Static Snow | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Hooked Coral | Living Coral |
| #475569 | #475569 | RGB(71, 85, 105) | SSR Steel | — |
| #8bc34a | #8bc34a | RGB(139, 195, 74) | API Leaf | — |
| #d0d5dd | #d0d5dd | RGB(208, 213, 221) | Event Grey | — |
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 |
#2563eb | #ff6f61 | 1.89 |
#2563eb | #475569 | 1.46 |
#f5f7fa | #8bc34a | 1.95 |
#f5f7fa | #d0d5dd | 1.37 |
#ff6f61 | #8bc34a | 1.29 |
#ff6f61 | #d0d5dd | 1.85 |
Paleta obrazów Next.js Webflow Colorscape png
Eksportuj paletę
Pobierz "Next.js Webflow Colorscape" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: