{"id":23,"date":"2026-09-30T16:59:37","date_gmt":"2026-09-30T16:59:37","guid":{"rendered":"https:\/\/benjaminolsen.dev\/?page_id=23"},"modified":"2026-09-30T19:12:23","modified_gmt":"2026-09-30T19:12:23","slug":"tools","status":"publish","type":"page","link":"https:\/\/benjaminolsen.dev\/index.php\/tools\/","title":{"rendered":"Tools"},"content":{"rendered":"<div class=\"oxy-container-23-131 oxy-container bo-page\"><header class=\"oxy-container-23-105 oxy-container bo-header\"><a class=\"oxy-text-link-23-100 oxy-text-link bo-brand\" href=\"\/\" target=\"_self\">\nBenjamin Olsen\n<\/a><nav class=\"oxy-container-23-104 oxy-container bo-nav\" aria-label=\"Main navigation\"><a class=\"oxy-text-link-23-101 oxy-text-link bo-nav-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/tools\/\" target=\"_self\">\nTools\n<\/a><a class=\"oxy-text-link-23-102 oxy-text-link bo-nav-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/guides\/\" target=\"_self\">\nLearn\n<\/a><a class=\"oxy-text-link-23-103 oxy-text-link bo-nav-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/about\/\" target=\"_self\">\nAbout\n<\/a><\/nav><\/header><main class=\"oxy-container-23-127 oxy-container bo-main\"><section class=\"oxy-container-23-109 oxy-container bo-page-head\"><p class=\"oxy-text-23-106 oxy-text bo-eyebrow\">\nThe workbench\n<\/p><h1 class=\"oxy-text-23-107 oxy-text bo-page-title\">\nSmall tools. Less guesswork.\n<\/h1><p class=\"oxy-text-23-108 oxy-text bo-intro\">\nFree helpers for building better websites. Pick a tool and get straight to work.\n<\/p><\/section><section class=\"oxy-container-23-126 oxy-container bo-directory\" aria-label=\"All tools\"><a class=\"oxy-container-link-23-113 oxy-container-link bo-row\" href=\"https:\/\/benjaminolsen.dev\/index.php\/css-clamp-generator\/\" target=\"_self\"><h2 class=\"oxy-text-23-110 oxy-text bo-h3\">\nCSS Clamp Generator\n<\/h2><p class=\"oxy-text-23-111 oxy-text bo-copy\">\nCreate responsive font sizes and spacing between two viewport widths.\n<\/p><span class=\"oxy-text-23-112 oxy-text bo-link\">\nOpen tool\n<\/span><\/a><a class=\"oxy-container-link-23-117 oxy-container-link bo-row\" href=\"https:\/\/benjaminolsen.dev\/index.php\/px-rem-converter\/\" target=\"_self\"><h2 class=\"oxy-text-23-114 oxy-text bo-h3\">\nPX \/ REM Converter\n<\/h2><p class=\"oxy-text-23-115 oxy-text bo-copy\">\nConvert between pixels and root-relative units with your chosen base size.\n<\/p><span class=\"oxy-text-23-116 oxy-text bo-link\">\nOpen tool\n<\/span><\/a><a class=\"oxy-container-link-23-121 oxy-container-link bo-row\" href=\"https:\/\/benjaminolsen.dev\/index.php\/spacing-scale-generator\/\" target=\"_self\"><h2 class=\"oxy-text-23-118 oxy-text bo-h3\">\nSpacing Scale Generator\n<\/h2><p class=\"oxy-text-23-119 oxy-text bo-copy\">\nBuild a consistent spacing system and copy ready-to-use CSS variables.\n<\/p><span class=\"oxy-text-23-120 oxy-text bo-link\">\nOpen tool\n<\/span><\/a><a class=\"oxy-container-link-23-125 oxy-container-link bo-row\" href=\"https:\/\/benjaminolsen.dev\/index.php\/contrast-checker\/\" target=\"_self\"><h2 class=\"oxy-text-23-122 oxy-text bo-h3\">\nColor Contrast Checker\n<\/h2><p class=\"oxy-text-23-123 oxy-text bo-copy\">\nCheck foreground and background colors against WCAG text contrast thresholds.\n<\/p><span class=\"oxy-text-23-124 oxy-text bo-link\">\nOpen tool\n<\/span><\/a><\/section><\/main><footer class=\"oxy-container-23-130 oxy-container bo-footer\"><p class=\"oxy-text-23-128 oxy-text\">\nBenjamin Olsen \u00b7 Useful tools. Practical guides.\n<\/p><a class=\"oxy-text-link-23-129 oxy-text-link bo-nav-link\" href=\"https:\/\/benjaminolsen.dev\/index.php\/guides\/\" target=\"_self\">\nExplore topics\n<\/a><\/footer><\/div>","protected":false},"excerpt":{"rendered":"<p>Benjamin Olsen Tools Learn About The workbench Small tools. Less guesswork. Free helpers for building better websites. Pick a tool and get straight to work. CSS Clamp Generator Create responsive font sizes and spacing between two viewport widths. Open tool PX \/ REM Converter Convert between pixels and root-relative units with your chosen base size. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Free Web Design Tools | Benjamin Olsen<\/title>\n<meta name=\"description\" content=\"Generate CSS clamp values, convert PX and REM, build spacing scales and check text contrast. Free practical tools for web design and Oxygen projects.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/benjaminolsen.dev\/index.php\/tools\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free Web Design Tools | Benjamin Olsen\" \/>\n<meta property=\"og:description\" content=\"Generate CSS clamp values, convert PX and REM, build spacing scales and check text contrast. Free practical tools for web design and Oxygen projects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/benjaminolsen.dev\/index.php\/tools\/\" \/>\n<meta property=\"og:site_name\" content=\"Benjamin Olsen\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-30T19:12:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/tools\\\/\",\"url\":\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/tools\\\/\",\"name\":\"Free Web Design Tools | Benjamin Olsen\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/#website\"},\"datePublished\":\"2026-09-30T16:59:37+00:00\",\"dateModified\":\"2026-09-30T19:12:23+00:00\",\"description\":\"Generate CSS clamp values, convert PX and REM, build spacing scales and check text contrast. Free practical tools for web design and Oxygen projects.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/tools\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/tools\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/index.php\\\/tools\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/benjaminolsen.dev\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/#website\",\"url\":\"https:\\\/\\\/benjaminolsen.dev\\\/\",\"name\":\"Benjamin Olsen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/#\\\/schema\\\/person\\\/aee4e89bcb6704d860babf7ba16a0b8d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/benjaminolsen.dev\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/benjaminolsen.dev\\\/#\\\/schema\\\/person\\\/aee4e89bcb6704d860babf7ba16a0b8d\",\"name\":\"Benjamin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g\",\"caption\":\"Benjamin\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\\/\\\/benjaminolsen.dev\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free Web Design Tools | Benjamin Olsen","description":"Generate CSS clamp values, convert PX and REM, build spacing scales and check text contrast. Free practical tools for web design and Oxygen projects.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/benjaminolsen.dev\/index.php\/tools\/","og_locale":"da_DK","og_type":"article","og_title":"Free Web Design Tools | Benjamin Olsen","og_description":"Generate CSS clamp values, convert PX and REM, build spacing scales and check text contrast. Free practical tools for web design and Oxygen projects.","og_url":"https:\/\/benjaminolsen.dev\/index.php\/tools\/","og_site_name":"Benjamin Olsen","article_modified_time":"2026-09-30T19:12:23+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/benjaminolsen.dev\/index.php\/tools\/","url":"https:\/\/benjaminolsen.dev\/index.php\/tools\/","name":"Free Web Design Tools | Benjamin Olsen","isPartOf":{"@id":"https:\/\/benjaminolsen.dev\/#website"},"datePublished":"2026-09-30T16:59:37+00:00","dateModified":"2026-09-30T19:12:23+00:00","description":"Generate CSS clamp values, convert PX and REM, build spacing scales and check text contrast. Free practical tools for web design and Oxygen projects.","breadcrumb":{"@id":"https:\/\/benjaminolsen.dev\/index.php\/tools\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/benjaminolsen.dev\/index.php\/tools\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/benjaminolsen.dev\/index.php\/tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/benjaminolsen.dev\/"},{"@type":"ListItem","position":2,"name":"Tools"}]},{"@type":"WebSite","@id":"https:\/\/benjaminolsen.dev\/#website","url":"https:\/\/benjaminolsen.dev\/","name":"Benjamin Olsen","description":"","publisher":{"@id":"https:\/\/benjaminolsen.dev\/#\/schema\/person\/aee4e89bcb6704d860babf7ba16a0b8d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/benjaminolsen.dev\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":["Person","Organization"],"@id":"https:\/\/benjaminolsen.dev\/#\/schema\/person\/aee4e89bcb6704d860babf7ba16a0b8d","name":"Benjamin","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/secure.gravatar.com\/avatar\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g","caption":"Benjamin"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/fda08b9a3a73cd1a57fc39c2a767fb6441b2dbf176857221a8da88161187eeb1?s=96&d=mm&r=g"},"sameAs":["http:\/\/benjaminolsen.dev"]}]}},"_links":{"self":[{"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":3,"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":614,"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/pages\/23\/revisions\/614"}],"wp:attachment":[{"href":"https:\/\/benjaminolsen.dev\/index.php\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}