CSS Tools
PX to REM, gradients, shadows, border radius and other CSS helpers.
Available tools
PX to REM ConverterConvert pixels to rem using any root font size. Paste a list of values or a whole stylesheet to convert every px value.REM to PX ConverterConvert rem values to pixels for a given root font size, either as a list or inside pasted CSS.PX to EM ConverterConvert pixel values to em relative to a parent font size, for single values or every px in a stylesheet.EM to PX ConverterConvert em values to pixels from a parent font size, as a list or inside pasted CSS rules.CSS Gradient GeneratorDesign linear, radial and conic CSS gradients with up to five colour stops, a live preview and copy-ready CSS.CSS Box Shadow GeneratorBuild layered CSS box-shadow values visually with offset, blur, spread, colour, opacity and inset controls.CSS Border Radius GeneratorSet each corner radius in px, % or rem with a live preview and get the shortest border-radius shorthand.CSS to JS Object ConverterConvert CSS declarations or rules into camelCase JavaScript style objects for React, CSS-in-JS or JSON.CSS Specificity CalculatorCalculate the specificity (A,B,C) of CSS selectors, including :is(), :not(), :has() and :where(), and see which wins.SCSS to CSS CompilerCompile SCSS or indented Sass to plain CSS in your browser with the official Dart Sass compiler, expanded or minified.Less to CSS CompilerCompile Less to CSS in your browser: variables, mixins, guards, operations and colour functions, readable or minified.