CSS 3 hex codes vs 6 hex codes (v7)

Revision 7 of this benchmark created on

Preparation HTML

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
3 hex codes uppercase
document.getElementById("1").style.color="#F00";
document.getElementById("2").style.color="#0F0";
document.getElementById("3").style.color="#00F";
ready
3 hex codes lowercase
document.getElementById("1").style.color="#f00";
document.getElementById("2").style.color="#0f0";
document.getElementById("3").style.color="#00f";
ready
6 hex codes uppercase
document.getElementById("1").style.color="#FF0000";
document.getElementById("2").style.color="#00FF00";
document.getElementById("3").style.color="#0000FF";
ready
6 hex codes lowercase
document.getElementById("1").style.color="#ff0000";
document.getElementById("2").style.color="#00ff00";
document.getElementById("3").style.color="#0000ff";
ready
rgb
document.getElementById("1").style.color="rgb(255, 0, 0)";
document.getElementById("2").style.color="rgb(0, 255, 0)";
document.getElementById("3").style.color="rgb(0, 0, 255)";
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.