19 tools
Frontend
CSS, color, layout, and units in the browser.
- PX to REMConvert pixels and rem using the base you choose.
- CSS gradientBuild a linear-gradient and show a preview.
- CSS shadowBuild a box-shadow.
- Border radiusGenerate border-radius in pixels.
- FlexboxBuild a flex container and show three boxes.
- CSS GridBuild equal columns and show a preview.
- CSS clampGenerate a fluid font-size with clamp.
- HEX to RGBConvert a hex color to RGB and HSL.
- RGB to HSLConvert rgb() or hex into HSL and back to hex.
- Color paletteGenerate five lightness variations.
- CSS animationGenerate a scale keyframe and the animation rule.
- CSS transformGenerate rotate and scale.
- Clip pathShow common clip-path shapes.
- SVG path viewerDraw a d attribute in a local SVG.
- SVG faviconGenerate an SVG favicon with one or two letters.
- BreakpointsList frequent media queries.
- HTML entitiesLook up frequent named entities.
- Data URIBuild a data URI from text or a small file.
- CSS specificityCalculate the (a, b, c) triple of a selector.