Back to Free Tools

FREE TOOLS

CSS Linear Gradient Parser

Inspect the angle and normalized stops of a supported CSS linear gradient.

CSS linear-gradient

css-linear-gradient-parser.json (complete report)

Browser only

Runs locally in your browser. Your files, pasted content and generated output are not uploaded. Reset clears this tool’s working data.

This tool needs JavaScript. If it does not load, refresh the page and try again.

How to use this tool

  • Enter values using the examples, or choose a local file where requested. Follow the displayed supported input shapes and limits.
  • Choose Calculate result and inspect the complete result.
  • Download result to save the primary file. Where supplied, additional links save source files and the full JSON report. Reset restores examples and clears output.

Examples

CSS linear-gradient: linear-gradient(90deg, #ff0000 0%, #0000ff 100%)

Limitations

  • One nonrepeating linear-gradient using2–16 opaque hex RGB/RGBA color entries and0–100 percent positions(or unitless zero). Expand one/two-position entries to at most32 stops;apply CSS endpoint,nondecreasing and omitted-stop fixup in declaration order. Accept finite deg/turn angles within1 billion degrees,unitless zero,sides/corners and optional in srgb. Corner keywords report angleDegrees:null plus canonical cornerDirection because their actual angle depends on box dimensions. No color functions,variables,comments,transition hints,repeating/radial/multiple backgrounds or other interpolation spaces. ASCII CSS whitespace only;shared input/report bounds. Numeric positions use ordinary finite floating-point CSS values;no color-profile or unrestricted CSS validation claim.
  • Text fields are limited to100,000 UTF16 units each and400,000 combined UTF8 bytes; file fields have their own displayed limits. Combined output is at most4MiB. Processing stops after30 seconds; tool-specific bounds may be tighter.
  • Generated source is a downloadable result and is not executed here. Inspection does not establish remote behavior, trust or standards certification.

Related tools

No items found.

More tools for your workflow

Explore the related desktop tool