Small tools built for clarity, crafted with intent.
Clearbase is a home for lightweight tools that make everyday product work simpler. Minimal by design, clear in output, and ready for real work.
Lightweight tools
Minimal by design
Clear output
'%3e%3cpath%20d='M0%20108H44.5674C44.1936%20105.387%2044%20102.716%2044%20100C44%2097.6293%2044.1486%2095.2932%2044.4346%2093H0V108Z'%20fill='%230895D8'/%3e%3cpath%20d='M24%2035L55.2842%2066.2832C58.3102%2062.2763%2061.8624%2058.6891%2065.8379%2055.624L34.6064%2024.3936L24%2035Z'%20fill='%230895D8'/%3e%3cpath%20d='M92%2044.5674C94.6128%2044.1936%2097.2838%2044%20100%2044C102.371%2044%20104.707%2044.1476%20107%2044.4336V0H92V44.5674Z'%20fill='%230895D8'/%3e%3cpath%20d='M150%2068C194.183%2068%20230%20103.817%20230%20148C230%20192.183%20194.183%20228%20150%20228C105.817%20228%2070%20192.183%2070%20148C70%20103.817%20105.817%2068%20150%2068ZM150%2084C114.654%2084%2086%20112.654%2086%20148C86%20183.346%20114.654%20212%20150%20212C185.346%20212%20214%20183.346%20214%20148C214%20112.654%20185.346%2084%20150%2084Z'%20fill='%231E293B'/%3e%3cpath%20d='M142%20181.155C142%20188.575%20135.202%20194.277%20128.564%20190.959C112.815%20183.085%20102%20166.806%20102%20148C102%20129.194%20112.815%20112.914%20128.564%20105.04C135.202%20101.722%20142%20107.424%20142%20114.844V181.155Z'%20fill='%2394A3B8'/%3e%3cpath%20d='M158%20114.844C158%20107.424%20164.798%20101.722%20171.436%20105.04C187.185%20112.914%20198%20129.194%20198%20148C198%20166.806%20187.185%20183.085%20171.436%20190.959C164.798%20194.277%20158%20188.575%20158%20181.155V114.844Z'%20fill='%231E293B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2019_2674'%3e%3crect%20width='230'%20height='228'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Contrast Ratio
Measure contrast, understand compliance, and make informed color decisions.
'%3e%3cpath%20d='M0%20108H44.5674C44.1936%20105.387%2044%20102.716%2044%20100C44%2097.6293%2044.1486%2095.2932%2044.4346%2093H0V108Z'%20fill='%230895D8'/%3e%3cpath%20d='M24%2035L55.2842%2066.2832C58.3102%2062.2763%2061.8624%2058.6891%2065.8379%2055.624L34.6064%2024.3936L24%2035Z'%20fill='%230895D8'/%3e%3cpath%20d='M92%2044.5674C94.6128%2044.1936%2097.2838%2044%20100%2044C102.371%2044%20104.707%2044.1476%20107%2044.4336V0H92V44.5674Z'%20fill='%230895D8'/%3e%3crect%20x='70'%20y='120'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='70'%20y='136'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='70'%20y='104'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='86'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='102'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='118'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='134'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='150'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='166'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='182'%20y='56'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='182'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='182'%20y='120'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='182'%20y='72'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='182'%20y='104'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='198'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='198'%20y='72'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='198'%20y='104'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='214'%20y='88'%20width='16'%20height='16'%20fill='%231E293B'/%3e%3crect%20x='70'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='86'%20y='164'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='86'%20y='196'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='86'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='102'%20y='164'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='102'%20y='196'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='102'%20y='148'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='102'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='102'%20y='212'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='134'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='118'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='150'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='166'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='182'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='198'%20y='180'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='214'%20y='164'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='214'%20y='148'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3crect%20x='214'%20y='132'%20width='16'%20height='16'%20fill='%2394A3B8'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2019_2563'%3e%3crect%20width='230'%20height='228'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Pixel Converter
Move between px, rem, and other units without breaking your rhythm.
'%3e%3cpath%20d='M0%20108H44.5674C44.1936%20105.387%2044%20102.716%2044%20100C44%2097.6293%2044.1486%2095.2932%2044.4346%2093H0V108Z'%20fill='%230895D8'/%3e%3cpath%20d='M24%2035L55.2842%2066.2832C58.3102%2062.2763%2061.8624%2058.6891%2065.8379%2055.624L34.6064%2024.3936L24%2035Z'%20fill='%230895D8'/%3e%3cpath%20d='M92%2044.5674C94.6128%2044.1936%2097.2838%2044%20100%2044C102.371%2044%20104.707%2044.1476%20107%2044.4336V0H92V44.5674Z'%20fill='%230895D8'/%3e%3cpath%20d='M102%20222.667C102%20225.612%2099.6122%20228%2096.6667%20228C81.9391%20228%2070%20216.061%2070%20201.333V114.667C70%2099.9391%2081.9391%2088%2096.6667%2088C99.6122%2088%20102%2090.3878%20102%2093.3333V222.667Z'%20fill='%231E293B'/%3e%3cpath%20d='M150%20220C150%20224.418%20146.418%20228%20142%20228H126C121.582%20228%20118%20224.418%20118%20220V86C118%2081.5817%20121.582%2078%20126%2078H142C146.418%2078%20150%2081.5817%20150%2086V220Z'%20fill='%231E293B'/%3e%3cpath%20d='M230%20156C230%20160.418%20226.418%20164%20222%20164H174C169.582%20164%20166%20160.418%20166%20156V76C166%2071.5817%20169.582%2068%20174%2068H190C212.091%2068%20230%2085.9086%20230%20108V156Z'%20fill='%2394A3B8'/%3e%3cpath%20d='M230%20188C230%20210.091%20212.091%20228%20190%20228H174C169.582%20228%20166%20224.418%20166%20220V188C166%20183.582%20169.582%20180%20174%20180H222C226.418%20180%20230%20183.582%20230%20188Z'%20fill='%2394A3B8'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2019_2619'%3e%3crect%20width='230'%20height='228'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Grid Calculator
Design scalable grids with clear ratios and predictable spacing.