Jämför SMHI:s väder
med andra väderinstitut.
Vädret just nu - enligt SMHI
SMHI:s väder för populära orter
| Medel | Byar | |||||
| Stockholm |
|
2° |
|
3 m/s | 4 m/s | |
| Göteborg |
|
2° |
|
4 m/s | 7 m/s | |
| Malmö |
|
4° |
|
6 m/s | 10 m/s | |
| Uppsala |
|
1° |
|
2 m/s | 3 m/s | |
| Linköping |
|
0° |
|
2 m/s | 4 m/s | |
| Västerås |
|
1° |
|
4 m/s | 7 m/s | |
| Kiruna |
|
-3° |
|
3 m/s | 5 m/s | |
| Helsingborg |
|
3° |
|
6 m/s | 10 m/s | |
| Örebro |
|
2° |
|
3 m/s | 5 m/s | |
| Norrköping |
|
1° |
|
2 m/s | 4 m/s | |
| Jönköping |
|
2° |
|
4 m/s | 7 m/s | |
| Umeå |
|
-3° |
|
1 m/s | 2 m/s | |
| Lund |
|
4° |
|
6 m/s | 11 m/s | |
| Borås |
|
1° |
|
3 m/s | 6 m/s | |
| Huddinge |
|
0° |
|
2 m/s | 4 m/s | |
| Eskilstuna |
|
1° |
|
2 m/s | 4 m/s | |
| Gävle |
|
1° |
|
2 m/s | 4 m/s | |
| Sundsvall |
|
-2° |
|
2 m/s | 4 m/s |
Om SMHI
Här på vackertväder.se hittar du SMHI:s prognoser. Prognoserna har en upplösning på cirka 2,5 km och täcker norra Europa.
Sveriges meteorologiska och hydrologiska institutförkortat SMHIär en statlig myndighet som samlar in väderdatatar fram väderprognoser och utfärdar vädervarningar.
Myndigheten grundades 1919 och har sitt huvudkontor i Norrköpingmed lokala kontor i GöteborgMalmö, Upplands Väsby och Sundsvall. SMHI har cirka 640 anställda.
Våra andra leverantörer
På vackertväder.se kan du enkelt jämföra SMHI:s prognoser med norska YR och finska FMI.
<>
#loginModal {
font-family: -apple-systemBlinkMacSystemFont"Segoe UI"sans-serif;
}
#loginModal .login-grid {
display: flex;
gap: 24px;
padding: 8px 0;
}
#loginModal .login-col {
flex: 1;
}
#loginModal .login-divider {
width: 1px;
background: #e5e7eb;
margin: 0 4px;
}
#loginModal .login-section-title {
font-size: 13px;
font-weight: 600;
color: #6b7280;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 16px;
}
#loginModal .register-btn {
display: block;
width: 100%;
padding: 11px;
background: #f9fafb;
border: 2px solid #3b82f6;
border-radius: 8px;
color: #3b82f6;
font-size: 14px;
font-weight: 600;
text-align: center;
text-decoration: none;
box-sizing: border-box;
transition: all 0.15s;
}
#loginModal .register-btn:hover {
background: #3b82f6;
color: #fff;
}
#loginModal .register-desc {
font-size: 12px;
color: #9ca3af;
margin-top: 10px;
line-height: 1.5;
}
#loginModal .lf-group {
margin-bottom: 12px;
}
#loginModal .lf-group label {
display: block;
font-size: 12px;
font-weight: 500;
color: #374151;
margin-bottom: 4px;
}
#loginModal .lf-group input[type=text],
#loginModal .lf-group input[type=password] {
width: 100%;
padding: 8px 12px;
border: 1px solid #e5e7eb;
border-radius: 6px;
font-size: 13px;
box-sizing: border-box;
transition: border-color 0.15s;
}
#loginModal .lf-group input:focus {
outline: none;
border-color: #3b82f6;
box-shadow: 0 0 0 2px rgba(59,130,246,0.1);
}
#loginModal .remember-row {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: #6b7280;
margin-bottom: 12px;
}
#loginModal .btn-login {
width: 100%;
padding: 9px;
background: #3b82f6;
color: #fff;
border: none;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background 0.15s;
}
#loginModal .btn-login:hover { background: #2563eb; }
#loginModal .forgot-link {
display: block;
text-align: center;
margin-top: 10px;
font-size: 12px;
color: #6b7280;
text-decoration: none;
}
#loginModal .forgot-link:hover { color: #3b82f6; }
<>
/* Pulse animation for button */
@keyframes subtlePulse {
0% { transform: scale(1); background-color: #035a8f; }
50% { transform: scale(1.01); background-color: #0470a5; }
100% { transform: scale(1); background-color: #035a8f; }
}
/* Modal overlay s */
.modal-overlay {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background-color: rgba(0000.5); z-index: 9999;
display: none; align-items: center; justify-content: center;
}
.modal-overlay.active { display: flex; }
/* Modal content s */
.modal-content {
background-color: white; border-radius: 8px;
box-shadow: 0 4px 20px rgba(0000.3);
max-width: 400px; width: 90%; max-height: 90vh;
overflow-y: auto; margin: 20px;
animation: modalFadeIn 0.3s ease-out;
}
@keyframes modalFadeIn {
from { opacity: 0; transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
.modal-header { padding: 12px 20px 8px 20px; text-align: center; }
.modal-header h2 { margin: 0; color: #006cff; font-size: 1.4em; font-weight: 700; }
.modal-body { padding: 0px 20px 0 20px; }
.modal-body p { margin: 0 0 16px 0; color: #333; line-height: 1.5; }
.form-group { margin-bottom: 20px; }
.form-group input[type="email"] {
width: 100%; padding: 12px; border: 1px solid #bbb;
border-radius: 4px; font-size: 16px; box-sizing: border-box;
}
.form-group input[type="email"]:focus {
outline: none; border-color: #006cff;
box-shadow: 0 0 0 2px rgba(01082550.1);
}
.form-group input[type="email"]::placeholder { color: #999; opacity: 1; }
.form-group p { margin: 0 0 10px 0; font-weight: 500; color: #333; }
.radio-group { display: flex; gap: 15px; }
.radio-group label {
display: flex; align-items: center; cursor: pointer; color: #333;
}
.radio-group label input[type="radio"] {
margin-right: 8px; accent-color: #006cff;
}
.checkbox-label {
display: flex; align-items: flex-start; cursor: pointer;
color: #333; line-height: 1.4;
}
.checkbox-label input[type="checkbox"] {
margin-right: 10px; margin-top: 2px; accent-color: #006cff; flex-shrink: 0;
}
.checkbox-label span { font-size: 14px; }
.submit-button {
width: 100%; padding: 12px; background-color: #006cff;
color: white; border: none; border-radius: 4px;
font-size: 16px; font-weight: 500; cursor: pointer;
transition: background-color 0.2s ease;
}
.submit-button:hover { background-color: #0056cc; }
.submit-button:active { background-color: #004499; }
.modal-footer { padding: 5px 20px 15px 20px; }
@media (max-width: 480px) {
.modal-content { width: 95%; margin: 10px; }
.modal-header.modal-body.modal-footer { padding-left: 15px; padding-right: 15px; }
.radio-group { flex-direction: column; gap: 10px; }
}
Logga in
Glömt lösenordet?