Benchmark: Test style formats on canvas

Script Preparation code:

const canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");

Tests:

RGBA
ctx.fillStyle = 'rgba(246,122,81, 1)'; ctx.fillStyle = 'rgba(81,246,94, 1)';
RGB
ctx.fillStyle ='rgb(246,122,81)'; ctx.fillStyle ='rgb(81,246,94)';
HEX
ctx.fillStyle = '#f67a51'; ctx.fillStyle = '#51f65e';
HSL
ctx.fillStyle = 'hsl(15, 90%, 64%)'; ctx.fillStyle = 'hsl(125, 90%, 64%)';

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 3 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser/OS: Chrome 120 on Mac OS X 10.15.7

Test style formats on canvas (version: 0)