Does the JSON Formatter upload my data?

No. Formatting, minifying, and validation run entirely in your browser. Nothing is sent to a server.

What does Sort keys do?

It recursively sorts object keys alphabetically before pretty-printing or minifying, which helps compare payloads and keep diffs stable.

Can I minify JSON here too?

Yes. Use Minify for a single-line compact payload, or Format with indent 2/4 for readable output. Both views use dark IDE syntax highlighting.

What is an HTML color code?

An HTML color code is a way to specify colors in web pages using HEX (#RRGGBB), RGB, HSL, or named CSS colors. HEX is the most common format in CSS and HTML.

How do I convert HEX to RGB?

Use our HEX to RGB converter. Paste a HEX value like #FF5733 and get rgb(255, 87, 51). You can also convert RGB back to HEX with the RGB to HEX tool.

Developer Tools All menus →

JSON Formatter

Beautify, minify, and validate JSON with IDE-style syntax highlighting, indent controls, and key sorting.

JSON Formatter

Local only

Input on the left, formatted IDE output on the right — like a dual editor.

Valid

object

8 keys

246 B

indent 2

Input

JSON editor

212 chars

Output

Formatted JSONjson | output.json

123456789101112131415161718{
  "name": "colorBase",
  "version": 1,
  "featured": true,
  "colors": [
    "#e11d48",
    "#db2777",
    "#f43f5e"],
  "tools": {
    "json": "formatter",
    "css": [
      "backdrop-filter",
      "box-shadow"]
  },
  "meta": null
}