[
  {
    "file": "alpha-source.png",
    "x": 40,
    "y": 60,
    "display": "    - generic: X 40 / Y 60\n    - status: \"Selected pixel X 40, Y 60. #0000FF. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - strong: \"#0000FF\"\n      - 'button \"Copy HEX: #0000FF\"':\n      - 'button \"Copy RGB: rgb(0, 0, 255)\"':\n    - strong: Your logo. A working website palette.\n    - strong: \"Supported formats:\"\n  - paragraph: Click or tap the image to choose a pixel. The magnifier shows its neighbors. With the image focused, each arrow-key press moves one source pixel. Coordinates start at X 0, Y 0 in the top-left corner.\n  - paragraph: \"HEX, RGB, HSL and HSV describe the decoded sRGB pixel. Alpha is shown separately: transparent pixels are not silently blended with white. A fully transparent pixel has no visible color. CMYK is a mathematical approximation, without an ICC print profile. Color names are the nearest CSS named color in CIELAB, not an exact identification.\""
  },
  {
    "file": "alpha-source.png",
    "x": 120,
    "y": 60,
    "display": "    - generic: X 120 / Y 60\n    - status: \"Selected pixel X 120, Y 60. #0000FF. Press Enter or Keep color to add it.\"\n      - generic: Alpha 50.2%\n      - strong: \"#0000FF\"\n      - 'button \"Copy HEX: #0000FF\"':\n      - 'button \"Copy RGB: rgb(0, 0, 255)\"':\n    - strong: Your logo. A working website palette.\n    - strong: \"Supported formats:\"\n  - paragraph: Click or tap the image to choose a pixel. The magnifier shows its neighbors. With the image focused, each arrow-key press moves one source pixel. Coordinates start at X 0, Y 0 in the top-left corner.\n  - paragraph: \"HEX, RGB, HSL and HSV describe the decoded sRGB pixel. Alpha is shown separately: transparent pixels are not silently blended with white. A fully transparent pixel has no visible color. CMYK is a mathematical approximation, without an ICC print profile. Color names are the nearest CSS named color in CIELAB, not an exact identification.\""
  },
  {
    "file": "alpha-source.png",
    "x": 200,
    "y": 60,
    "display": "    - generic: X 200 / Y 60\n    - status: \"Selected pixel X 200, Y 60. #0000FF. Press Enter or Keep color to add it.\"\n      - generic: Alpha 25.1%\n      - strong: \"#0000FF\"\n      - 'button \"Copy HEX: #0000FF\"':\n      - 'button \"Copy RGB: rgb(0, 0, 255)\"':\n    - strong: Your logo. A working website palette.\n    - strong: \"Supported formats:\"\n  - paragraph: Click or tap the image to choose a pixel. The magnifier shows its neighbors. With the image focused, each arrow-key press moves one source pixel. Coordinates start at X 0, Y 0 in the top-left corner.\n  - paragraph: \"HEX, RGB, HSL and HSV describe the decoded sRGB pixel. Alpha is shown separately: transparent pixels are not silently blended with white. A fully transparent pixel has no visible color. CMYK is a mathematical approximation, without an ICC print profile. Color names are the nearest CSS named color in CIELAB, not an exact identification.\""
  },
  {
    "file": "alpha-source.png",
    "x": 280,
    "y": 60,
    "display": "    - generic: X 280 / Y 60\n    - status: \"Selected pixel X 280, Y 60. #000000. Press Enter or Keep color to add it.\"\n      - generic: Alpha 0%\n      - generic: Transparent pixel\n      - strong: \"#000000\"\n      - 'button \"Copy HEX: #000000\"':\n      - 'button \"Copy RGB: rgb(0, 0, 0)\"':\n    - strong: Your logo. A working website palette.\n    - strong: \"Supported formats:\"\n  - paragraph: Click or tap the image to choose a pixel. The magnifier shows its neighbors. With the image focused, each arrow-key press moves one source pixel. Coordinates start at X 0, Y 0 in the top-left corner.\n  - paragraph: \"HEX, RGB, HSL and HSV describe the decoded sRGB pixel. Alpha is shown separately: transparent pixels are not silently blended with white. A fully transparent pixel has no visible color. CMYK is a mathematical approximation, without an ICC print profile. Color names are the nearest CSS named color in CIELAB, not an exact identification.\""
  },
  {
    "file": "alpha-white.png",
    "x": 40,
    "y": 60,
    "display": "    - generic: X 40 / Y 60\n    - status: \"Selected pixel X 40, Y 60. #0000FF. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - 'button \"Copy HEX: #0000FF\"':\n      - 'button \"Copy RGB: rgb(0, 0, 255)\"':"
  },
  {
    "file": "alpha-white.png",
    "x": 120,
    "y": 60,
    "display": "    - generic: X 120 / Y 60\n    - status: \"Selected pixel X 120, Y 60. #7F7FFF. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - 'button \"Copy HEX: #7F7FFF\"':\n      - 'button \"Copy RGB: rgb(127, 127, 255)\"':"
  },
  {
    "file": "alpha-white.png",
    "x": 200,
    "y": 60,
    "display": "    - generic: X 200 / Y 60\n    - status: \"Selected pixel X 200, Y 60. #BFBFFF. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - 'button \"Copy HEX: #BFBFFF\"':\n      - 'button \"Copy RGB: rgb(191, 191, 255)\"':"
  },
  {
    "file": "alpha-white.png",
    "x": 280,
    "y": 60,
    "display": "    - generic: X 280 / Y 60\n    - status: \"Selected pixel X 280, Y 60. #FFFFFF. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - 'button \"Copy HEX: #FFFFFF\"':\n      - 'button \"Copy RGB: rgb(255, 255, 255)\"':"
  },
  {
    "file": "alpha-black.png",
    "x": 40,
    "y": 60,
    "display": "    - generic: X 40 / Y 60\n    - status: \"Selected pixel X 40, Y 60. #0000FF. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - 'button \"Copy HEX: #0000FF\"':\n      - 'button \"Copy RGB: rgb(0, 0, 255)\"':"
  },
  {
    "file": "alpha-black.png",
    "x": 120,
    "y": 60,
    "display": "    - generic: X 120 / Y 60\n    - status: \"Selected pixel X 120, Y 60. #000080. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - 'button \"Copy HEX: #000080\"':\n      - 'button \"Copy RGB: rgb(0, 0, 128)\"':"
  },
  {
    "file": "alpha-black.png",
    "x": 200,
    "y": 60,
    "display": "    - generic: X 200 / Y 60\n    - status: \"Selected pixel X 200, Y 60. #000040. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - 'button \"Copy HEX: #000040\"':\n      - 'button \"Copy RGB: rgb(0, 0, 64)\"':"
  },
  {
    "file": "alpha-black.png",
    "x": 280,
    "y": 60,
    "display": "    - generic: X 280 / Y 60\n    - status: \"Selected pixel X 280, Y 60. #000000. Press Enter or Keep color to add it.\"\n      - generic: Alpha 100%\n      - 'button \"Copy HEX: #000000\"':\n      - 'button \"Copy RGB: rgb(0, 0, 0)\"':"
  }
]