Dark UI Web Builder Theme
- Background Jet#0f172a
- Component Blue#3b82f6
- Active Mint#22c55e
- Highlight Coral#fb7185
- Overlay Slate#334155
- Card Fog#e5e7eb
- Accent Gold#facc15
Utworzono 06/28/2025 20:14
Paleta składa się z kolorów Ciemny, Jasny, Półciemny. Kolory akcentujące Component Blue #3b82f6 i Accent Gold #facc15. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #0F172A (najciemniejszy) do #E5E7EB (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 57% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (4 z 7).
Kody HEX (posortowane): #0F172A, #22C55E, #334155, #3B82F6, #E5E7EB, #FACC15, #FB7185
Paleta Dark UI Web Builder Theme łączy 7 kodów kolorów:
HEX: #0f172a, RGB: (15, 23, 42); HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #334155, RGB: (51, 65, 85); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #facc15, RGB: (250, 204, 21)
Uproszczona wersja palety kolorów
Jasny odcień Czarny, Ciemny odcień Niebieski Dodger, Ciemny odcień Limonkowa zieleń, Ciemny odcień Jasnokoralowy, Ciemny odcień Ciemny łupkowy niebieski, Jasny odcień Gainsboro, Ciemny odcień Złoty
Schemat kolorów został stworzony przez colorhunt
Kody kolorów w palecie
Dark UI Web Builder Theme kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #0f172a | #0f172a | RGB(15, 23, 42) | Background Jet | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Component Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Active Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Highlight Coral | — |
| #334155 | #334155 | RGB(51, 65, 85) | Overlay Slate | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Card Fog | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Accent Gold | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#0f172a | #334155 | 1.72 |
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #fb7185 | 1.36 |
#22c55e | #fb7185 | 1.18 |
#22c55e | #e5e7eb | 1.84 |
#22c55e | #facc15 | 1.48 |
Paleta obrazów Dark UI Web Builder Theme png
Eksportuj paletę
Pobierz "Dark UI Web Builder Theme" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: