{"ScriptPreparationCode":"var canvasOne = document.getElementById(\u0022canvasOne\u0022);\r\nvar ctxOne = canvasOne.getContext(\u00222d\u0022, { alpha: false });\r\n\r\nvar canvasTwo = document.getElementById(\u0022canvasTwo\u0022);\r\nvar ctxTwo = canvasTwo.getContext(\u00222d\u0022, { alpha: false });\r\n\r\nvar canvasThree = document.getElementById(\u0022canvasThree\u0022);\r\nvar ctxThree = canvasThree.getContext(\u00222d\u0022, { alpha: false });\r\n\r\nvar canvasFour = document.getElementById(\u0022canvasFour\u0022);\r\nvar ctxFour = canvasFour.getContext(\u00222d\u0022, { alpha: false });","TestCases":[{"Name":"RGBa","Code":"ctxOne.clearRect(0, 0, 400, 400);\r\nctxOne.beginPath();\r\nctxOne.fillStyle = \u0027rgba(231, 76, 60, 0.1)\u0027;\r\nctxOne.arc(200, 200, 100, 0, Math.PI * 2, true);\r\nctxOne.fill();","IsDeferred":false},{"Name":"RGB","Code":"ctxTwo.clearRect(0, 0, 400, 400);\r\nctxTwo.beginPath();\r\nctxTwo.fillStyle = \u0027rgb(231, 76, 60)\u0027;\r\nctxTwo.arc(200, 200, 100, 0, Math.PI * 2, true);\r\nctxTwo.fill();","IsDeferred":false},{"Name":"Hex","Code":"ctxThree.clearRect(0, 0, 400, 400);\r\nctxThree.beginPath();\r\nctxThree.fillStyle = \u0027#e74c3c\u0027;\r\nctxThree.arc(200, 200, 100, 0, Math.PI * 2, true);\r\nctxThree.fill();","IsDeferred":false},{"Name":"HSL","Code":"ctxFour.clearRect(0, 0, 400, 400);\r\nctxFour.beginPath();\r\nctxFour.fillStyle = \u0027hsl(5, 74%, 90%)\u0027;\r\nctxFour.arc(200, 200, 100, 0, Math.PI * 2, true);\r\nctxFour.fill();","IsDeferred":false}]}