Colors

test redder

by Joe LeMonnier

JavaScript

var paper = new Raphael(0, 0, 500, 500);

var r1 = paper.rect(0, 10, 50, 50).attr("fill", "#ff7777");

var c1=Raphael.getRGB(r1.attr("fill"));

paper.text(30,70,c1);

var r2= paper.rect(70,10, 50, 50).attr("fill", "#999999");

var c2=Raphael.getRGB(r2.attr("fill"));

paper.text(100,70,c2.r);
paper.text(100,100,c2.g);
paper.text(100,130,c2.b);
paper.text(100,170,c2);


c2.r += 103;

var r3= paper.rect(130,10, 50, 50).attr("fill", "rgb(" + c2.r + "," + c2.g + "," + c2.b + ")");

paper.text(160,70,"r="+c2.r);
paper.text(160,100,"g="+c2.g);
paper.text(160,130,"b="+c2.b);

paper.text(160,170,c2);

var c3="rgb(" + c2.r + "," + c2.g + "," + c2.b + ")";

var r4= paper.rect(200,10, 50, 50).attr("fill", c3);
paper.text(220,70,"r="+c3.r);
paper.text(220,100,"g="+c3.g);
paper.text(220,130,"b="+c3.b);

paper.text(240,170,c3);
var c5=Raphael.getRGB(r4.attr("fill"));

paper.text(240,200,"hex="+c5);

var ta=paper.text(24,22,'c1');
var tb=paper.text(90,22,'c2');
var tc=paper.text(154,22,'c2');
var td=paper.text(224,22,'c4');
ta.attr({fill: '#fff', 'font-size': 22});