These tests parse different color formats and compare the result as JSON.
| blue | {"spaceId":"srgb","coords":[0,0,1],"alpha":1} |
| transparent | {"spaceId":"srgb","coords":[0,0,0],"alpha":0} |
| #ff0066 | {"spaceId":"srgb","coords":[1,0,0.4],"alpha":1} |
| #f068 | {"spaceId":"srgb","coords":[1,0,0.4],"alpha":0.533} |
| rgba(0% 50% 200% / 0.5) | {"spaceId":"srgb","coords":[0,0.5,2],"alpha":0.5} |
| rgba(0, 127.5, 300, 0.5) | {"spaceId":"srgb","coords":[0,0.5,1.1764705882352942],"alpha":0.5} |
| lab(100% 0 0) | {"spaceId":"lab","coords":[100,0,0],"alpha":1} |
| Lab(100% 0 0) | {"spaceId":"lab","coords":[100,0,0],"alpha":1} |
| lab(100 -50 50) | {"spaceId":"lab","coords":[100,-50,50],"alpha":1} |
| lch(100% 0 0) | {"spaceId":"lch","coords":[100,0,0],"alpha":1} |
| lch(100 50 50) | {"spaceId":"lch","coords":[100,50,50],"alpha":1} |
| lch(100 50 450) | {"spaceId":"lch","coords":[100,50,450],"alpha":1} |
| color(display-p3 0 .5 1) | {"spaceId":"p3","coords":[0,0.5,1],"alpha":1} |
| color(a98-rgb 0 .5 1) | {"spaceId":"a98rgb","coords":[0,0.5,1],"alpha":1} |
| color(display-p3 0 1 0 / .5) | {"spaceId":"p3","coords":[0,1,0],"alpha":0.5} |
| color(display-p3) | {"spaceId":"p3","coords":[0,0,0],"alpha":1} |
| color(display-p3 / .5) | {"spaceId":"p3","coords":[0,0,0],"alpha":0.5} |
| color(display-p3 1) | {"spaceId":"p3","coords":[1,0,0],"alpha":1} |
| color(display-p3 1 / .5) | {"spaceId":"p3","coords":[1,0,0],"alpha":0.5} |
| hsl(180, 50%, 50%) | {"spaceId":"hsl","coords":[180,50,50],"alpha":1} |
| hsl(-180, 50%, 50%) | {"spaceId":"hsl","coords":[-180,50,50],"alpha":1} |
| hsl(900, 50%, 50%) | {"spaceId":"hsl","coords":[900,50,50],"alpha":1} |
| hsl(0deg 0% 0% / .5) | {"spaceId":"hsl","coords":[0,0,0],"alpha":0.5} |