tailwind.config = {
darkMode: “class”,
theme: {
extend: {
“colors”: {
“on-secondary-fixed”: “#001a42″,”primary”: “#004ac6″,”on-secondary”: “#ffffff”,”secondary-container”: “#2170e4″,”on-secondary-fixed-variant”: “#004395″,”inverse-primary”: “#b4c5ff”,”on-tertiary”: “#ffffff”,”outline”: “#737686″,”on-surface”: “#131b2e”,”on-primary-fixed-variant”: “#003ea8″,”tertiary-fixed”: “#6ffbbe”,”secondary-fixed-dim”: “#adc6ff”,”surface-variant”: “#dae2fd”,”on-surface-variant”: “#434655″,”on-primary-container”: “#eeefff”,”primary-container”: “#2563eb”,”surface-bright”: “#faf8ff”,”background”: “#faf8ff”,”surface-dim”: “#d2d9f4″,”secondary-fixed”: “#d8e2ff”,”surface-container-highest”: “#dae2fd”,”surface-container-lowest”: “#ffffff”,”inverse-on-surface”: “#eef0ff”,”secondary”: “#0058be”,”inverse-surface”: “#283044″,”surface-container-high”: “#e2e7ff”,”outline-variant”: “#c3c6d7″,”on-error-container”: “#93000a”,”surface-container-low”: “#f2f3ff”,”surface”: “#faf8ff”,”surface-container”: “#eaedff”,”primary-fixed”: “#dbe1ff”,”surface-tint”: “#0053db”,”on-tertiary-fixed”: “#002113″,”on-background”: “#131b2e”,”on-primary”: “#ffffff”,”error”: “#ba1a1a”,”primary-fixed-dim”: “#b4c5ff”,”on-error”: “#ffffff”,”tertiary-container”: “#007d55″,”error-container”: “#ffdad6″,”on-primary-fixed”: “#00174b”,”on-secondary-container”: “#fefcff”,”tertiary-fixed-dim”: “#4edea3″,”tertiary”: “#006242″,”on-tertiary-fixed-variant”: “#005236″,”on-tertiary-container”: “#bdffdb”
},
“borderRadius”: {“DEFAULT”: “0.25rem”,”lg”: “0.5rem”,”xl”: “0.75rem”,”full”: “9999px”},
“spacing”: {“container-max”: “1200px”,”stack-md”: “24px”,”stack-sm”: “12px”,”base”: “8px”,”stack-lg”: “48px”,”gutter”: “24px”,”margin-mobile”: “16px”},
“fontFamily”: {“display-lg”: [“Geist”],”display-lg-mobile”: [“Geist”],”headline-md”: [“Geist”],”data-mono”: [“Geist”],”label-sm”: [“Geist”],”body-lg”: [“Inter”],”body-md”: [“Inter”]},
“fontSize”: {
“display-lg”: [“48px”, {“lineHeight”: “56px”, “letterSpacing”: “-0.02em”, “fontWeight”: “700”}],
“display-lg-mobile”: [“32px”, {“lineHeight”: “40px”, “letterSpacing”: “-0.02em”, “fontWeight”: “700”}],
“headline-md”: [“24px”, {“lineHeight”: “32px”, “letterSpacing”: “-0.01em”, “fontWeight”: “600”}],
“data-mono”: [“16px”, {“lineHeight”: “24px”, “letterSpacing”: “-0.01em”, “fontWeight”: “500”}],
“label-sm”: [“14px”, {“lineHeight”: “20px”, “letterSpacing”: “0.02em”, “fontWeight”: “600”}],
“body-lg”: [“18px”, {“lineHeight”: “28px”, “fontWeight”: “400”}],
“body-md”: [“16px”, {“lineHeight”: “24px”, “fontWeight”: “400”}]
}
}
}
}
.soft-ui-shadow { box-shadow: 0px 4px 20px rgba(15, 23, 42, 0.05); }
.soft-ui-hover:hover { box-shadow: 0px 10px 30px rgba(15, 23, 42, 0.08); transform: translateY(-2px); }
.material-symbols-outlined { font-variation-settings: ‘FILL’ 0, ‘wght’ 400, ‘GRAD’ 0, ‘opsz’ 24; }
input[type=”number”]::-webkit-outer-spin-button, input[type=”number”]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=”number”] { -moz-appearance: textfield; }
.faq-item .faq-chevron { transition: transform 0.2s ease; }
.faq-item.open .faq-chevron { transform: rotate(90deg); }
.faq-item .faq-panel { display: none; }
.faq-item.open .faq-panel { display: block; }
{
“@context”: “https://schema.org”,
“@type”: “WebApplication”,
“name”: “Hourly Wage Calculator”,
“url”: “https://hourlywagecalculator.store/calculator/”,
“applicationCategory”: “FinanceApplication”,
“operatingSystem”: “Any”,
“browserRequirements”: “Requires JavaScript”,
“offers”: {“@type”: “Offer”, “price”: “0”, “priceCurrency”: “GBP”},
“areaServed”: {“@type”: “Country”, “name”: “United Kingdom”},
“description”: “Free UK hourly wage calculator that converts annual salary into an accurate hourly, daily and weekly pay rate.”
}
{
“@context”: “https://schema.org”,
“@type”: “BreadcrumbList”,
“itemListElement”: [
{“@type”: “ListItem”, “position”: 1, “name”: “Home”, “item”: “https://hourlywagecalculator.store/”},
{“@type”: “ListItem”, “position”: 2, “name”: “Hourly Wage Calculator”, “item”: “https://hourlywagecalculator.store/calculator/”}
]
}
{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{“@type”: “Question”,”name”: “How is my hourly wage calculated?”,”acceptedAnswer”: {“@type”: “Answer”,”text”: “We divide your annual salary by your total working hours in a year, calculated as hours worked per week multiplied by weeks worked per year.”}},
{“@type”: “Question”,”name”: “How many weeks should I enter?”,”acceptedAnswer”: {“@type”: “Answer”,”text”: “Most UK employees work 52 weeks a year. If you take unpaid leave or work part of the year, reduce this figure to match your actual working weeks.”}},
{“@type”: “Question”,”name”: “Does this account for tax and National Insurance?”,”acceptedAnswer”: {“@type”: “Answer”,”text”: “No, this figure is your gross hourly rate before Income Tax and National Insurance are deducted.”}},
{“@type”: “Question”,”name”: “Is the Hourly Wage Calculator free?”,”acceptedAnswer”: {“@type”: “Answer”,”text”: “Yes, all calculators on this platform are completely free to use with no sign-up required.”}},
{“@type”: “Question”,”name”: “Can I use this if I work part time?”,”acceptedAnswer”: {“@type”: “Answer”,”text”: “Yes. Simply enter your actual weekly hours and the weeks you work per year and the calculator will adjust the result automatically.”}},
{“@type”: “Question”,”name”: “Is this calculator specific to the UK?”,”acceptedAnswer”: {“@type”: “Answer”,”text”: “Yes, results are shown in GBP (£) and the defaults reflect typical UK full-time working patterns, but anyone can use it.”}}
]
}
Turn your annual salary into an accurate £/hour figure. Enter your details below and press calculate.
Your gross yearly pay before tax.
Typical UK full-time is 37.5 hours.
Usually 52 weeks a year.
Your hourly wage
Enter your salary, weekly hours and weeks worked, then press Calculate to see your gross hourly rate.
The hourly wage formula is simple:
For example, a £30,000 salary over 37.5 hours a week across 52 weeks equals 1,950 total hours, giving roughly £15.38 per hour before tax and National Insurance.
We divide your annual salary by your total working hours in a year, calculated as hours worked per week multiplied by weeks worked per year.
Most UK employees work 52 weeks a year. If you take unpaid leave or work part of the year, reduce this figure to match your actual working weeks.
No, this figure is your gross hourly rate before Income Tax and National Insurance are deducted.
Yes, all calculators on this platform are completely free to use with no sign-up required.
Yes. Simply enter your actual weekly hours and the weeks you work per year and the calculator will adjust the result automatically.
Results are shown in GBP (£) and defaults reflect typical UK full-time working patterns, but anyone can use it.
const salaryInput = document.getElementById(‘annual-salary’);
const hoursInput = document.getElementById(‘hours-week’);
const weeksInput = document.getElementById(‘weeks-year’);
const resultValue = document.getElementById(‘result-value’);
const resultHint = document.getElementById(‘result-hint’);
const resultBreakdown = document.getElementById(‘result-breakdown’);
const dailyValue = document.getElementById(‘daily-value’);
const weeklyValue = document.getElementById(‘weekly-value’);
function formatGBP(num){ return ‘£’ + num.toLocaleString(‘en-GB’, { minimumFractionDigits: 2, maximumFractionDigits: 2 }); }
function calculate(){
const salary = parseFloat(salaryInput.value);
const hours = parseFloat(hoursInput.value);
const weeks = parseFloat(weeksInput.value);
if (!salary || !hours || !weeks || hours <= 0 || weeks { el.addEventListener(‘keydown’, (e) => { if (e.key === ‘Enter’) calculate(); }); });
document.querySelectorAll(‘.faq-toggle’).forEach((btn) => {
btn.addEventListener(‘click’, () => {
const item = btn.closest(‘.faq-item’);
const wasOpen = item.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item’).forEach((i) => i.classList.remove(‘open’));
if (!wasOpen) item.classList.add(‘open’);
});
});