logo
« muita sivuja

Värikartta ja värikoodit: html, css

Kotisivut, hsl-värit

HSL värijärjestelmä ja esimerkkejä "perusväreistä".
H = hue, väri. Vaihtelualue 0-360. S = saturation, värikylläisyys. Vaihtelualue 0-100%. L = lightnes, kirkkaus. Vaihtelualue 0-100%.

Punainen hsl(0,100%,50%), rgb(255,0,0), #ff0000
Oranssi hsl(40,100%,50%), rgb(255,170,0), #ffaa00
Ruskea hsl(40,100%,30%), rgb(153,102,0), #996600
Keltainen hsl(60,100%,54%), rgb(255,255,20), #ffff14
Vihreä hsl(110,100%,50%), rgb(43,255,0), #2bff00
Turkoosi hsl(170,100%,50%), rgb(0,255,213), #00ffd5
Sininen hsl(220,100%,50%), rgb(0,85,255), #0055ff
Violetti hsl(280,100%,50%), rgb(170,0,255), #aa00ff
Aniliininpunainen hsl(330,100%,50%), rgb(255,0,128), #ff0080
Valkea hsl(0,0%,100%), rgb(255,255,255), #ffffff
Harmaa hsl(0,0%,87%), rgb(222,222,222), #dedede
Musta hsl(0,0%,0%), rgb(0,0,0), #000000
Kotisivut, rgb-värit
Sininen
Punainen
Vihreä
Keltainen
Ruskea

Värikartta "Sininen" ja rgb värikoodit

rgb(25,255,25);
rgb(25,255,25);
rgb(25,255,71);
rgb(25,255,71);
rgb(25,255,117);
rgb(25,255,117);
rgb(25,255,163);
rgb(25,255,163);
rgb(25,255,209);
rgb(25,255,209);
rgb(25,255,255);
rgb(25,255,255);
rgb(25,204,25);
rgb(25,204,25);
rgb(25,204,71);
rgb(25,204,71);
rgb(25,204,117);
rgb(25,204,117);
rgb(25,204,163);
rgb(25,204,163);
rgb(25,204,209);
rgb(25,204,209);
rgb(25,204,255);
rgb(25,204,255);
rgb(25,153,25);
rgb(25,153,25);
rgb(25,153,71);
rgb(25,153,71);
rgb(25,153,117);
rgb(25,153,117);
rgb(25,153,163);
rgb(25,153,163);
rgb(25,153,209);
rgb(25,153,209);
rgb(25,153,255);
rgb(25,153,255);
rgb(25,102,25);
rgb(25,102,25);
rgb(25,102,71);
rgb(25,102,71);
rgb(25,102,117);
rgb(25,102,117);
rgb(25,102,163);
rgb(25,102,163);
rgb(25,102,209);
rgb(25,102,209);
rgb(25,102,255);
rgb(25,102,255);
rgb(25,51,25);
rgb(25,51,25);
rgb(25,51,71);
rgb(25,51,71);
rgb(25,51,117);
rgb(25,51,117);
rgb(25,51,163);
rgb(25,51,163);
rgb(25,51,209);
rgb(25,51,209);
rgb(25,51,255);
rgb(25,51,255);
rgb(25,0,25);
rgb(25,0,25);
rgb(25,0,71);
rgb(25,0,71);
rgb(25,0,117);
rgb(25,0,117);
rgb(25,0,163);
rgb(25,0,163);
rgb(25,0,209);
rgb(25,0,209);
rgb(25,0,255);
rgb(25,0,255);
rgb(0,25,50);
rgb(0,25,50);
rgb(0,25,91);
rgb(0,25,91);
rgb(0,25,132);
rgb(0,25,132);
rgb(0,25,173);
rgb(0,25,173);
rgb(0,25,214);
rgb(0,25,214);
rgb(0,25,255);
rgb(0,25,255);
rgb(25,25,50);
rgb(25,25,50);
rgb(25,25,91);
rgb(25,25,91);
rgb(25,25,132);
rgb(25,25,132);
rgb(25,25,173);
rgb(25,25,173);
rgb(25,25,214);
rgb(25,25,214);
rgb(25,25,255);
rgb(25,25,255);
rgb(50,25,50);
rgb(50,25,50);
rgb(50,25,91);
rgb(50,25,91);
rgb(50,25,132);
rgb(50,25,132);
rgb(50,25,173);
rgb(50,25,173);
rgb(50,25,214);
rgb(50,25,214);
rgb(50,25,255);
rgb(50,25,255);
rgb(75,25,50);
rgb(75,25,50);
rgb(75,25,91);
rgb(75,25,91);
rgb(75,25,132);
rgb(75,25,132);
rgb(75,25,173);
rgb(75,25,173);
rgb(75,25,214);
rgb(75,25,214);
rgb(75,25,255);
rgb(75,25,255);
rgb(100,25,50);
rgb(100,25,50);
rgb(100,25,91);
rgb(100,25,91);
rgb(100,25,132);
rgb(100,25,132);
rgb(100,25,173);
rgb(100,25,173);
rgb(100,25,214);
rgb(100,25,214);
rgb(100,25,255);
rgb(100,25,255);
rgb(125,25,50);
rgb(125,25,50);
rgb(125,25,91);
rgb(125,25,91);
rgb(125,25,132);
rgb(125,25,132);
rgb(125,25,173);
rgb(125,25,173);
rgb(125,25,214);
rgb(125,25,214);
rgb(125,25,255);
rgb(125,25,255);
rgb(225,0,225);
rgb(225,0,225);
rgb(225,51,225);
rgb(225,51,225);
rgb(225,102,225);
rgb(225,102,225);
rgb(225,153,225);
rgb(225,153,225);
rgb(225,204,225);
rgb(225,204,225);
rgb(225,255,225);
rgb(225,255,225);
rgb(180,0,225);
rgb(180,0,225);
rgb(180,51,225);
rgb(180,51,225);
rgb(180,102,225);
rgb(180,102,225);
rgb(180,153,225);
rgb(180,153,225);
rgb(180,204,225);
rgb(180,204,225);
rgb(180,255,225);
rgb(180,255,225);
rgb(135,0,225);
rgb(135,0,225);
rgb(135,51,225);
rgb(135,51,225);
rgb(135,102,225);
rgb(135,102,225);
rgb(135,153,225);
rgb(135,153,225);
rgb(135,204,225);
rgb(135,204,225);
rgb(135,255,225);
rgb(135,255,225);
rgb(90,0,225);
rgb(90,0,225);
rgb(90,51,225);
rgb(90,51,225);
rgb(90,102,225);
rgb(90,102,225);
rgb(90,153,225);
rgb(90,153,225);
rgb(90,204,225);
rgb(90,204,225);
rgb(90,255,225);
rgb(90,255,225);
rgb(45,0,225);
rgb(45,0,225);
rgb(45,51,225);
rgb(45,51,225);
rgb(45,102,225);
rgb(45,102,225);
rgb(45,153,225);
rgb(45,153,225);
rgb(45,204,225);
rgb(45,204,225);
rgb(45,255,225);
rgb(45,255,225);
rgb(0,0,225);
rgb(0,0,225);
rgb(0,51,225);
rgb(0,51,225);
rgb(0,102,225);
rgb(0,102,225);
rgb(0,153,225);
rgb(0,153,225);
rgb(0,204,225);
rgb(0,204,225);
rgb(0,255,225);
rgb(0,255,225);
rgb(240,240,255);
rgb(240,240,255);
rgb(224,224,255);
rgb(224,224,255);
rgb(208,208,255);
rgb(208,208,255);
rgb(192,192,255);
rgb(192,192,255);
rgb(176,176,255);
rgb(176,176,255);
rgb(160,160,255);
rgb(160,160,255);
rgb(160,160,255);
rgb(160,160,255);
rgb(144,144,255);
rgb(144,144,255);
rgb(128,128,255);
rgb(128,128,255);
rgb(112,112,255);
rgb(112,112,255);
rgb(96,96,255);
rgb(96,96,255);
rgb(80,80,255);
rgb(80,80,255);
rgb(80,80,255);
rgb(80,80,255);
rgb(64,64,255);
rgb(64,64,255);
rgb(48,48,255);
rgb(48,48,255);
rgb(32,32,255);
rgb(32,32,255);
rgb(16,16,255);
rgb(16,16,255);
rgb(0,0,255);
rgb(0,0,255);
rgb(0,0,255);
rgb(0,0,255);
rgb(0,0,241);
rgb(0,0,241);
rgb(0,0,227);
rgb(0,0,227);
rgb(0,0,213);
rgb(0,0,213);
rgb(0,0,199);
rgb(0,0,199);
rgb(0,0,185);
rgb(0,0,185);
rgb(0,0,185);
rgb(0,0,185);
rgb(0,0,170);
rgb(0,0,170);
rgb(0,0,155);
rgb(0,0,155);
rgb(0,0,140);
rgb(0,0,140);
rgb(0,0,125);
rgb(0,0,125);
rgb(0,0,110);
rgb(0,0,110);
rgb(0,0,110);
rgb(0,0,110);
rgb(0,0,95);
rgb(0,0,95);
rgb(0,0,80);
rgb(0,0,80);
rgb(0,0,65);
rgb(0,0,65);
rgb(0,0,50);
rgb(0,0,50);
rgb(0,0,35);
rgb(0,0,35);
Sininen
Punainen
Vihreä
Keltainen
Ruskea

Värikartta "Punainen" ja rgb värikoodit

rgb(225,225,255);
rgb(225,225,255);
rgb(225,225,204);
rgb(225,225,204);
rgb(225,225,153);
rgb(225,225,153);
rgb(225,225,102);
rgb(225,225,102);
rgb(225,225,51);
rgb(225,225,51);
rgb(225,225,0);
rgb(225,225,0);
rgb(225,180,255);
rgb(225,180,255);
rgb(225,180,204);
rgb(225,180,204);
rgb(225,180,153);
rgb(225,180,153);
rgb(225,180,102);
rgb(225,180,102);
rgb(225,180,51);
rgb(225,180,51);
rgb(225,180,0);
rgb(225,180,0);
rgb(225,135,255);
rgb(225,135,255);
rgb(225,135,204);
rgb(225,135,204);
rgb(225,135,153);
rgb(225,135,153);
rgb(225,135,102);
rgb(225,135,102);
rgb(225,135,51);
rgb(225,135,51);
rgb(225,135,0);
rgb(225,135,0);
rgb(225,90,255);
rgb(225,90,255);
rgb(225,90,204);
rgb(225,90,204);
rgb(225,90,153);
rgb(225,90,153);
rgb(225,90,102);
rgb(225,90,102);
rgb(225,90,51);
rgb(225,90,51);
rgb(225,90,0);
rgb(225,90,0);
rgb(225,45,255);
rgb(225,45,255);
rgb(225,45,204);
rgb(225,45,204);
rgb(225,45,153);
rgb(225,45,153);
rgb(225,45,102);
rgb(225,45,102);
rgb(225,45,51);
rgb(225,45,51);
rgb(225,45,0);
rgb(225,45,0);
rgb(225,0,255);
rgb(225,0,255);
rgb(225,0,204);
rgb(225,0,204);
rgb(225,0,153);
rgb(225,0,153);
rgb(225,0,102);
rgb(225,0,102);
rgb(225,0,51);
rgb(225,0,51);
rgb(225,0,0);
rgb(225,0,0);
rgb(255,25,255);
rgb(255,25,255);
rgb(255,25,204);
rgb(255,25,204);
rgb(255,25,153);
rgb(255,25,153);
rgb(255,25,102);
rgb(255,25,102);
rgb(255,25,51);
rgb(255,25,51);
rgb(255,25,0);
rgb(255,25,0);
rgb(218,25,255);
rgb(218,25,255);
rgb(218,25,204);
rgb(218,25,204);
rgb(218,25,153);
rgb(218,25,153);
rgb(218,25,102);
rgb(218,25,102);
rgb(218,25,51);
rgb(218,25,51);
rgb(218,25,0);
rgb(218,25,0);
rgb(181,25,255);
rgb(181,25,255);
rgb(181,25,204);
rgb(181,25,204);
rgb(181,25,153);
rgb(181,25,153);
rgb(181,25,102);
rgb(181,25,102);
rgb(181,25,51);
rgb(181,25,51);
rgb(181,25,0);
rgb(181,25,0);
rgb(144,25,255);
rgb(144,25,255);
rgb(144,25,204);
rgb(144,25,204);
rgb(144,25,153);
rgb(144,25,153);
rgb(144,25,102);
rgb(144,25,102);
rgb(144,25,51);
rgb(144,25,51);
rgb(144,25,0);
rgb(144,25,0);
rgb(107,25,255);
rgb(107,25,255);
rgb(107,25,204);
rgb(107,25,204);
rgb(107,25,153);
rgb(107,25,153);
rgb(107,25,102);
rgb(107,25,102);
rgb(107,25,51);
rgb(107,25,51);
rgb(107,25,0);
rgb(107,25,0);
rgb(70,25,255);
rgb(70,25,255);
rgb(70,25,204);
rgb(70,25,204);
rgb(70,25,153);
rgb(70,25,153);
rgb(70,25,102);
rgb(70,25,102);
rgb(70,25,51);
rgb(70,25,51);
rgb(70,25,0);
rgb(70,25,0);
rgb(70,0,25);
rgb(70,0,25);
rgb(70,24,25);
rgb(70,24,25);
rgb(70,48,25);
rgb(70,48,25);
rgb(70,72,25);
rgb(70,72,25);
rgb(70,96,25);
rgb(70,96,25);
rgb(70,120,25);
rgb(70,120,25);
rgb(107,0,25);
rgb(107,0,25);
rgb(107,24,25);
rgb(107,24,25);
rgb(107,48,25);
rgb(107,48,25);
rgb(107,72,25);
rgb(107,72,25);
rgb(107,96,25);
rgb(107,96,25);
rgb(107,120,25);
rgb(107,120,25);
rgb(144,0,25);
rgb(144,0,25);
rgb(144,24,25);
rgb(144,24,25);
rgb(144,48,25);
rgb(144,48,25);
rgb(144,72,25);
rgb(144,72,25);
rgb(144,96,25);
rgb(144,96,25);
rgb(144,120,25);
rgb(144,120,25);
rgb(181,0,25);
rgb(181,0,25);
rgb(181,24,25);
rgb(181,24,25);
rgb(181,48,25);
rgb(181,48,25);
rgb(181,72,25);
rgb(181,72,25);
rgb(181,96,25);
rgb(181,96,25);
rgb(181,120,25);
rgb(181,120,25);
rgb(218,0,25);
rgb(218,0,25);
rgb(218,24,25);
rgb(218,24,25);
rgb(218,48,25);
rgb(218,48,25);
rgb(218,72,25);
rgb(218,72,25);
rgb(218,96,25);
rgb(218,96,25);
rgb(218,120,25);
rgb(218,120,25);
rgb(255,0,25);
rgb(255,0,25);
rgb(255,24,25);
rgb(255,24,25);
rgb(255,48,25);
rgb(255,48,25);
rgb(255,72,25);
rgb(255,72,25);
rgb(255,96,25);
rgb(255,96,25);
rgb(255,120,25);
rgb(255,120,25);
rgb(255,240,240);
rgb(255,240,240);
rgb(255,224,224);
rgb(255,224,224);
rgb(255,208,208);
rgb(255,208,208);
rgb(255,192,192);
rgb(255,192,192);
rgb(255,176,176);
rgb(255,176,176);
rgb(255,160,160);
rgb(255,160,160);
rgb(255,160,160);
rgb(255,160,160);
rgb(255,144,144);
rgb(255,144,144);
rgb(255,128,128);
rgb(255,128,128);
rgb(255,112,112);
rgb(255,112,112);
rgb(255,96,96);
rgb(255,96,96);
rgb(255,80,80);
rgb(255,80,80);
rgb(255,80,80);
rgb(255,80,80);
rgb(255,64,64);
rgb(255,64,64);
rgb(255,48,48);
rgb(255,48,48);
rgb(255,32,32);
rgb(255,32,32);
rgb(255,16,16);
rgb(255,16,16);
rgb(255,0,0);
rgb(255,0,0);
rgb(255,0,0);
rgb(255,0,0);
rgb(241,0,0);
rgb(241,0,0);
rgb(227,0,0);
rgb(227,0,0);
rgb(213,0,0);
rgb(213,0,0);
rgb(199,0,0);
rgb(199,0,0);
rgb(185,0,0);
rgb(185,0,0);
rgb(185,0,0);
rgb(185,0,0);
rgb(171,0,0);
rgb(171,0,0);
rgb(157,0,0);
rgb(157,0,0);
rgb(143,0,0);
rgb(143,0,0);
rgb(129,0,0);
rgb(129,0,0);
rgb(115,0,0);
rgb(115,0,0);
rgb(115,0,0);
rgb(115,0,0);
rgb(101,0,0);
rgb(101,0,0);
rgb(87,0,0);
rgb(87,0,0);
rgb(73,0,0);
rgb(73,0,0);
rgb(59,0,0);
rgb(59,0,0);
rgb(45,0,0);
rgb(45,0,0);
Sininen
Punainen
Vihreä
Keltainen
Ruskea

Värikartta "Vihreä" ja rgb värikoodit

rgb(25,45,150);
rgb(25,45,150);
rgb(25,45,120);
rgb(25,45,120);
rgb(25,45,90);
rgb(25,45,90);
rgb(25,45,60);
rgb(25,45,60);
rgb(25,45,30);
rgb(25,45,30);
rgb(25,45,0);
rgb(25,45,0);
rgb(25,87,150);
rgb(25,87,150);
rgb(25,87,120);
rgb(25,87,120);
rgb(25,87,90);
rgb(25,87,90);
rgb(25,87,60);
rgb(25,87,60);
rgb(25,87,30);
rgb(25,87,30);
rgb(25,87,0);
rgb(25,87,0);
rgb(25,129,150);
rgb(25,129,150);
rgb(25,129,120);
rgb(25,129,120);
rgb(25,129,90);
rgb(25,129,90);
rgb(25,129,60);
rgb(25,129,60);
rgb(25,129,30);
rgb(25,129,30);
rgb(25,129,0);
rgb(25,129,0);
rgb(25,171,150);
rgb(25,171,150);
rgb(25,171,120);
rgb(25,171,120);
rgb(25,171,90);
rgb(25,171,90);
rgb(25,171,60);
rgb(25,171,60);
rgb(25,171,30);
rgb(25,171,30);
rgb(25,171,0);
rgb(25,171,0);
rgb(25,213,150);
rgb(25,213,150);
rgb(25,213,120);
rgb(25,213,120);
rgb(25,213,90);
rgb(25,213,90);
rgb(25,213,60);
rgb(25,213,60);
rgb(25,213,30);
rgb(25,213,30);
rgb(25,213,0);
rgb(25,213,0);
rgb(25,255,150);
rgb(25,255,150);
rgb(25,255,120);
rgb(25,255,120);
rgb(25,255,90);
rgb(25,255,90);
rgb(25,255,60);
rgb(25,255,60);
rgb(25,255,30);
rgb(25,255,30);
rgb(25,255,0);
rgb(25,255,0);
rgb(0,225,150);
rgb(0,225,150);
rgb(0,225,120);
rgb(0,225,120);
rgb(0,225,90);
rgb(0,225,90);
rgb(0,225,60);
rgb(0,225,60);
rgb(0,225,30);
rgb(0,225,30);
rgb(0,225,0);
rgb(0,225,0);
rgb(40,225,150);
rgb(40,225,150);
rgb(40,225,120);
rgb(40,225,120);
rgb(40,225,90);
rgb(40,225,90);
rgb(40,225,60);
rgb(40,225,60);
rgb(40,225,30);
rgb(40,225,30);
rgb(40,225,0);
rgb(40,225,0);
rgb(80,225,150);
rgb(80,225,150);
rgb(80,225,120);
rgb(80,225,120);
rgb(80,225,90);
rgb(80,225,90);
rgb(80,225,60);
rgb(80,225,60);
rgb(80,225,30);
rgb(80,225,30);
rgb(80,225,0);
rgb(80,225,0);
rgb(120,225,150);
rgb(120,225,150);
rgb(120,225,120);
rgb(120,225,120);
rgb(120,225,90);
rgb(120,225,90);
rgb(120,225,60);
rgb(120,225,60);
rgb(120,225,30);
rgb(120,225,30);
rgb(120,225,0);
rgb(120,225,0);
rgb(160,225,150);
rgb(160,225,150);
rgb(160,225,120);
rgb(160,225,120);
rgb(160,225,90);
rgb(160,225,90);
rgb(160,225,60);
rgb(160,225,60);
rgb(160,225,30);
rgb(160,225,30);
rgb(160,225,0);
rgb(160,225,0);
rgb(200,225,150);
rgb(200,225,150);
rgb(200,225,120);
rgb(200,225,120);
rgb(200,225,90);
rgb(200,225,90);
rgb(200,225,60);
rgb(200,225,60);
rgb(200,225,30);
rgb(200,225,30);
rgb(200,225,0);
rgb(200,225,0);
rgb(235,225,25);
rgb(235,225,25);
rgb(235,189,25);
rgb(235,189,25);
rgb(235,153,25);
rgb(235,153,25);
rgb(235,117,25);
rgb(235,117,25);
rgb(235,81,25);
rgb(235,81,25);
rgb(235,45,25);
rgb(235,45,25);
rgb(188,225,25);
rgb(188,225,25);
rgb(188,189,25);
rgb(188,189,25);
rgb(188,153,25);
rgb(188,153,25);
rgb(188,117,25);
rgb(188,117,25);
rgb(188,81,25);
rgb(188,81,25);
rgb(188,45,25);
rgb(188,45,25);
rgb(141,225,25);
rgb(141,225,25);
rgb(141,189,25);
rgb(141,189,25);
rgb(141,153,25);
rgb(141,153,25);
rgb(141,117,25);
rgb(141,117,25);
rgb(141,81,25);
rgb(141,81,25);
rgb(141,45,25);
rgb(141,45,25);
rgb(94,225,25);
rgb(94,225,25);
rgb(94,189,25);
rgb(94,189,25);
rgb(94,153,25);
rgb(94,153,25);
rgb(94,117,25);
rgb(94,117,25);
rgb(94,81,25);
rgb(94,81,25);
rgb(94,45,25);
rgb(94,45,25);
rgb(47,225,25);
rgb(47,225,25);
rgb(47,189,25);
rgb(47,189,25);
rgb(47,153,25);
rgb(47,153,25);
rgb(47,117,25);
rgb(47,117,25);
rgb(47,81,25);
rgb(47,81,25);
rgb(47,45,25);
rgb(47,45,25);
rgb(0,225,25);
rgb(0,225,25);
rgb(0,189,25);
rgb(0,189,25);
rgb(0,153,25);
rgb(0,153,25);
rgb(0,117,25);
rgb(0,117,25);
rgb(0,81,25);
rgb(0,81,25);
rgb(0,45,25);
rgb(0,45,25);
rgb(245,255,245);
rgb(245,255,245);
rgb(229,255,229);
rgb(229,255,229);
rgb(213,255,213);
rgb(213,255,213);
rgb(197,255,197);
rgb(197,255,197);
rgb(181,255,181);
rgb(181,255,181);
rgb(165,255,165);
rgb(165,255,165);
rgb(165,255,165);
rgb(165,255,165);
rgb(149,255,149);
rgb(149,255,149);
rgb(133,255,133);
rgb(133,255,133);
rgb(117,255,117);
rgb(117,255,117);
rgb(101,255,101);
rgb(101,255,101);
rgb(85,255,85);
rgb(85,255,85);
rgb(85,255,85);
rgb(85,255,85);
rgb(68,255,69);
rgb(68,255,69);
rgb(51,255,53);
rgb(51,255,53);
rgb(34,255,37);
rgb(34,255,37);
rgb(17,255,21);
rgb(17,255,21);
rgb(0,255,5);
rgb(0,255,5);
rgb(0,255,0);
rgb(0,255,0);
rgb(0,240,0);
rgb(0,240,0);
rgb(0,225,0);
rgb(0,225,0);
rgb(0,210,0);
rgb(0,210,0);
rgb(0,195,0);
rgb(0,195,0);
rgb(0,180,0);
rgb(0,180,0);
rgb(0,180,0);
rgb(0,180,0);
rgb(0,165,0);
rgb(0,165,0);
rgb(0,150,0);
rgb(0,150,0);
rgb(0,135,0);
rgb(0,135,0);
rgb(0,120,0);
rgb(0,120,0);
rgb(0,105,0);
rgb(0,105,0);
rgb(0,105,0);
rgb(0,105,0);
rgb(0,90,0);
rgb(0,90,0);
rgb(0,75,0);
rgb(0,75,0);
rgb(0,60,0);
rgb(0,60,0);
rgb(0,45,0);
rgb(0,45,0);
rgb(0,30,0);
rgb(0,30,0);
Sininen
Punainen
Vihreä
Keltainen
Ruskea

Värikartta "Keltainen" ja rgb värikoodit

rgb(250,190,200);
rgb(250,190,200);
rgb(250,190,160);
rgb(250,190,160);
rgb(250,190,120);
rgb(250,190,120);
rgb(250,190,80);
rgb(250,190,80);
rgb(250,190,40);
rgb(250,190,40);
rgb(250,190,0);
rgb(250,190,0);
rgb(250,203,200);
rgb(250,203,200);
rgb(250,203,160);
rgb(250,203,160);
rgb(250,203,120);
rgb(250,203,120);
rgb(250,203,80);
rgb(250,203,80);
rgb(250,203,40);
rgb(250,203,40);
rgb(250,203,0);
rgb(250,203,0);
rgb(250,216,200);
rgb(250,216,200);
rgb(250,216,160);
rgb(250,216,160);
rgb(250,216,120);
rgb(250,216,120);
rgb(250,216,80);
rgb(250,216,80);
rgb(250,216,40);
rgb(250,216,40);
rgb(250,216,0);
rgb(250,216,0);
rgb(250,229,200);
rgb(250,229,200);
rgb(250,229,160);
rgb(250,229,160);
rgb(250,229,120);
rgb(250,229,120);
rgb(250,229,80);
rgb(250,229,80);
rgb(250,229,40);
rgb(250,229,40);
rgb(250,229,0);
rgb(250,229,0);
rgb(250,242,200);
rgb(250,242,200);
rgb(250,242,160);
rgb(250,242,160);
rgb(250,242,120);
rgb(250,242,120);
rgb(250,242,80);
rgb(250,242,80);
rgb(250,242,40);
rgb(250,242,40);
rgb(250,242,0);
rgb(250,242,0);
rgb(250,255,200);
rgb(250,255,200);
rgb(250,255,160);
rgb(250,255,160);
rgb(250,255,120);
rgb(250,255,120);
rgb(250,255,80);
rgb(250,255,80);
rgb(250,255,40);
rgb(250,255,40);
rgb(250,255,0);
rgb(250,255,0);
rgb(255,250,200);
rgb(255,250,200);
rgb(255,250,160);
rgb(255,250,160);
rgb(255,250,120);
rgb(255,250,120);
rgb(255,250,80);
rgb(255,250,80);
rgb(255,250,40);
rgb(255,250,40);
rgb(255,250,0);
rgb(255,250,0);
rgb(242,250,200);
rgb(242,250,200);
rgb(242,250,160);
rgb(242,250,160);
rgb(242,250,120);
rgb(242,250,120);
rgb(242,250,80);
rgb(242,250,80);
rgb(242,250,40);
rgb(242,250,40);
rgb(242,250,0);
rgb(242,250,0);
rgb(229,250,200);
rgb(229,250,200);
rgb(229,250,160);
rgb(229,250,160);
rgb(229,250,120);
rgb(229,250,120);
rgb(229,250,80);
rgb(229,250,80);
rgb(229,250,40);
rgb(229,250,40);
rgb(229,250,0);
rgb(229,250,0);
rgb(216,250,200);
rgb(216,250,200);
rgb(216,250,160);
rgb(216,250,160);
rgb(216,250,120);
rgb(216,250,120);
rgb(216,250,80);
rgb(216,250,80);
rgb(216,250,40);
rgb(216,250,40);
rgb(216,250,0);
rgb(216,250,0);
rgb(203,250,200);
rgb(203,250,200);
rgb(203,250,160);
rgb(203,250,160);
rgb(203,250,120);
rgb(203,250,120);
rgb(203,250,80);
rgb(203,250,80);
rgb(203,250,40);
rgb(203,250,40);
rgb(203,250,0);
rgb(203,250,0);
rgb(190,250,200);
rgb(190,250,200);
rgb(190,250,160);
rgb(190,250,160);
rgb(190,250,120);
rgb(190,250,120);
rgb(190,250,80);
rgb(190,250,80);
rgb(190,250,40);
rgb(190,250,40);
rgb(190,250,0);
rgb(190,250,0);
rgb(200,255,5);
rgb(200,255,5);
rgb(200,242,5);
rgb(200,242,5);
rgb(200,229,5);
rgb(200,229,5);
rgb(200,216,5);
rgb(200,216,5);
rgb(200,203,5);
rgb(200,203,5);
rgb(200,190,5);
rgb(200,190,5);
rgb(211,255,5);
rgb(211,255,5);
rgb(211,242,5);
rgb(211,242,5);
rgb(211,229,5);
rgb(211,229,5);
rgb(211,216,5);
rgb(211,216,5);
rgb(211,203,5);
rgb(211,203,5);
rgb(211,190,5);
rgb(211,190,5);
rgb(222,255,5);
rgb(222,255,5);
rgb(222,242,5);
rgb(222,242,5);
rgb(222,229,5);
rgb(222,229,5);
rgb(222,216,5);
rgb(222,216,5);
rgb(222,203,5);
rgb(222,203,5);
rgb(222,190,5);
rgb(222,190,5);
rgb(233,255,5);
rgb(233,255,5);
rgb(233,242,5);
rgb(233,242,5);
rgb(233,229,5);
rgb(233,229,5);
rgb(233,216,5);
rgb(233,216,5);
rgb(233,203,5);
rgb(233,203,5);
rgb(233,190,5);
rgb(233,190,5);
rgb(244,255,5);
rgb(244,255,5);
rgb(244,242,5);
rgb(244,242,5);
rgb(244,229,5);
rgb(244,229,5);
rgb(244,216,5);
rgb(244,216,5);
rgb(244,203,5);
rgb(244,203,5);
rgb(244,190,5);
rgb(244,190,5);
rgb(255,255,5);
rgb(255,255,5);
rgb(255,242,5);
rgb(255,242,5);
rgb(255,229,5);
rgb(255,229,5);
rgb(255,216,5);
rgb(255,216,5);
rgb(255,203,5);
rgb(255,203,5);
rgb(255,190,5);
rgb(255,190,5);
rgb(255,255,230);
rgb(255,255,230);
rgb(255,255,215);
rgb(255,255,215);
rgb(255,255,200);
rgb(255,255,200);
rgb(255,255,185);
rgb(255,255,185);
rgb(255,255,170);
rgb(255,255,170);
rgb(255,255,155);
rgb(255,255,155);
rgb(255,255,155);
rgb(255,255,155);
rgb(255,255,140);
rgb(255,255,140);
rgb(255,255,125);
rgb(255,255,125);
rgb(255,255,110);
rgb(255,255,110);
rgb(255,255,95);
rgb(255,255,95);
rgb(255,255,80);
rgb(255,255,80);
rgb(255,255,80);
rgb(255,255,80);
rgb(255,255,64);
rgb(255,255,64);
rgb(255,255,48);
rgb(255,255,48);
rgb(255,255,32);
rgb(255,255,32);
rgb(255,255,16);
rgb(255,255,16);
rgb(255,255,0);
rgb(255,255,0);
rgb(255,255,0);
rgb(255,255,0);
rgb(243,243,0);
rgb(243,243,0);
rgb(231,231,0);
rgb(231,231,0);
rgb(219,219,0);
rgb(219,219,0);
rgb(207,207,0);
rgb(207,207,0);
rgb(195,195,0);
rgb(195,195,0);
rgb(195,195,0);
rgb(195,195,0);
rgb(181,181,0);
rgb(181,181,0);
rgb(167,167,0);
rgb(167,167,0);
rgb(153,153,0);
rgb(153,153,0);
rgb(139,139,0);
rgb(139,139,0);
rgb(125,125,0);
rgb(125,125,0);
rgb(125,125,0);
rgb(125,125,0);
rgb(110,110,0);
rgb(110,110,0);
rgb(95,95,0);
rgb(95,95,0);
rgb(80,80,0);
rgb(80,80,0);
rgb(65,65,0);
rgb(65,65,0);
rgb(50,50,0);
rgb(50,50,0);
Sininen
Punainen
Vihreä
Keltainen
Ruskea

Värikartta "Ruskea" ja rgb värikoodit

rgb(250,230,230);
rgb(250,230,230);
rgb(243,219,215);
rgb(243,219,215);
rgb(236,208,200);
rgb(236,208,200);
rgb(229,197,185);
rgb(229,197,185);
rgb(222,186,170);
rgb(222,186,170);
rgb(215,175,155);
rgb(215,175,155);
rgb(215,175,155);
rgb(215,175,155);
rgb(208,164,140);
rgb(208,164,140);
rgb(201,153,125);
rgb(201,153,125);
rgb(194,142,110);
rgb(194,142,110);
rgb(187,131,95);
rgb(187,131,95);
rgb(180,120,80);
rgb(180,120,80);
rgb(180,120,80);
rgb(180,120,80);
rgb(173,108,65);
rgb(173,108,65);
rgb(166,96,50);
rgb(166,96,50);
rgb(159,84,35);
rgb(159,84,35);
rgb(152,72,20);
rgb(152,72,20);
rgb(145,60,5);
rgb(145,60,5);
rgb(145,60,5);
rgb(145,60,5);
rgb(138,59,4);
rgb(138,59,4);
rgb(131,58,3);
rgb(131,58,3);
rgb(124,57,2);
rgb(124,57,2);
rgb(117,56,1);
rgb(117,56,1);
rgb(110,55,0);
rgb(110,55,0);
rgb(110,55,0);
rgb(110,55,0);
rgb(103,54,0);
rgb(103,54,0);
rgb(96,53,0);
rgb(96,53,0);
rgb(89,52,0);
rgb(89,52,0);
rgb(82,51,0);
rgb(82,51,0);
rgb(75,50,0);
rgb(75,50,0);
rgb(75,50,0);
rgb(75,50,0);
rgb(68,49,0);
rgb(68,49,0);
rgb(61,48,0);
rgb(61,48,0);
rgb(54,47,0);
rgb(54,47,0);
rgb(47,46,0);
rgb(47,46,0);
rgb(40,45,0);
rgb(40,45,0);
rgb(250,230,225);
rgb(250,230,225);
rgb(248,220,211);
rgb(248,220,211);
rgb(246,210,197);
rgb(246,210,197);
rgb(244,200,183);
rgb(244,200,183);
rgb(242,190,169);
rgb(242,190,169);
rgb(240,180,155);
rgb(240,180,155);
rgb(240,180,155);
rgb(240,180,155);
rgb(237,169,141);
rgb(237,169,141);
rgb(234,158,127);
rgb(234,158,127);
rgb(231,147,113);
rgb(231,147,113);
rgb(228,136,99);
rgb(228,136,99);
rgb(225,125,85);
rgb(225,125,85);
rgb(225,125,85);
rgb(225,125,85);
rgb(222,114,71);
rgb(222,114,71);
rgb(219,103,57);
rgb(219,103,57);
rgb(216,92,43);
rgb(216,92,43);
rgb(213,81,29);
rgb(213,81,29);
rgb(210,70,15);
rgb(210,70,15);
rgb(210,70,15);
rgb(210,70,15);
rgb(198,66,14);
rgb(198,66,14);
rgb(186,62,13);
rgb(186,62,13);
rgb(174,58,12);
rgb(174,58,12);
rgb(162,54,11);
rgb(162,54,11);
rgb(150,50,10);
rgb(150,50,10);
rgb(150,50,10);
rgb(150,50,10);
rgb(138,46,9);
rgb(138,46,9);
rgb(126,42,8);
rgb(126,42,8);
rgb(114,38,7);
rgb(114,38,7);
rgb(102,34,6);
rgb(102,34,6);
rgb(90,30,5);
rgb(90,30,5);
rgb(90,30,5);
rgb(90,30,5);
rgb(78,26,4);
rgb(78,26,4);
rgb(66,22,3);
rgb(66,22,3);
rgb(54,18,2);
rgb(54,18,2);
rgb(42,14,1);
rgb(42,14,1);
rgb(30,10,0);
rgb(30,10,0);
rgb(240,240,240);
rgb(240,240,240);
rgb(231,229,227);
rgb(231,229,227);
rgb(222,218,214);
rgb(222,218,214);
rgb(213,207,201);
rgb(213,207,201);
rgb(204,196,188);
rgb(204,196,188);
rgb(195,185,175);
rgb(195,185,175);
rgb(195,185,175);
rgb(195,185,175);
rgb(186,174,162);
rgb(186,174,162);
rgb(177,163,149);
rgb(177,163,149);
rgb(168,152,136);
rgb(168,152,136);
rgb(159,141,123);
rgb(159,141,123);
rgb(150,130,110);
rgb(150,130,110);
rgb(150,130,110);
rgb(150,130,110);
rgb(140,118,96);
rgb(140,118,96);
rgb(130,106,82);
rgb(130,106,82);
rgb(120,94,68);
rgb(120,94,68);
rgb(110,82,54);
rgb(110,82,54);
rgb(100,70,40);
rgb(100,70,40);
rgb(100,70,40);
rgb(100,70,40);
rgb(95,66,39);
rgb(95,66,39);
rgb(90,62,38);
rgb(90,62,38);
rgb(85,58,37);
rgb(85,58,37);
rgb(80,54,36);
rgb(80,54,36);
rgb(75,50,35);
rgb(75,50,35);
rgb(75,50,35);
rgb(75,50,35);
rgb(70,46,34);
rgb(70,46,34);
rgb(65,42,33);
rgb(65,42,33);
rgb(60,38,32);
rgb(60,38,32);
rgb(55,34,31);
rgb(55,34,31);
rgb(50,30,30);
rgb(50,30,30);
rgb(50,30,30);
rgb(50,30,30);
rgb(45,26,29);
rgb(45,26,29);
rgb(40,22,28);
rgb(40,22,28);
rgb(35,18,27);
rgb(35,18,27);
rgb(30,14,26);
rgb(30,14,26);
rgb(25,10,25);
rgb(25,10,25);
rgb(215,215,215);
rgb(215,215,215);
rgb(209,206,202);
rgb(209,206,202);
rgb(203,197,189);
rgb(203,197,189);
rgb(197,188,176);
rgb(197,188,176);
rgb(191,179,163);
rgb(191,179,163);
rgb(185,170,150);
rgb(185,170,150);
rgb(185,170,150);
rgb(185,170,150);
rgb(179,160,137);
rgb(179,160,137);
rgb(173,150,124);
rgb(173,150,124);
rgb(167,140,111);
rgb(167,140,111);
rgb(161,130,98);
rgb(161,130,98);
rgb(155,120,85);
rgb(155,120,85);
rgb(155,120,85);
rgb(155,120,85);
rgb(148,110,71);
rgb(148,110,71);
rgb(141,100,57);
rgb(141,100,57);
rgb(134,90,43);
rgb(134,90,43);
rgb(127,80,29);
rgb(127,80,29);
rgb(120,70,15);
rgb(120,70,15);
rgb(120,70,15);
rgb(120,70,15);
rgb(114,67,14);
rgb(114,67,14);
rgb(108,64,13);
rgb(108,64,13);
rgb(102,61,12);
rgb(102,61,12);
rgb(96,58,11);
rgb(96,58,11);
rgb(90,55,10);
rgb(90,55,10);
rgb(90,55,10);
rgb(90,55,10);
rgb(84,52,9);
rgb(84,52,9);
rgb(78,49,8);
rgb(78,49,8);
rgb(72,46,7);
rgb(72,46,7);
rgb(66,43,6);
rgb(66,43,6);
rgb(60,40,5);
rgb(60,40,5);
rgb(60,40,5);
rgb(60,40,5);
rgb(54,37,4);
rgb(54,37,4);
rgb(48,34,3);
rgb(48,34,3);
rgb(42,31,2);
rgb(42,31,2);
rgb(36,28,1);
rgb(36,28,1);
rgb(30,25,0);
rgb(30,25,0);
Sininen
Punainen
Vihreä
Keltainen
Ruskea

Värikartta ja värikoodit

Kotisivut, html ja css

Värit ovat hyvin suhteellinen käsite. Eri näytönohjaimet, näytöt, käyttäjän omat säädöt, huonetilan valaistus ja lukemattomat muut tekijät vaikuttavat värien näkemiseen. Ja viime kädessä jokaisen ihmisen silmät ja aivot ovat täysin yksilölliset. On siksi aivan normaalia, että sama kotisivu tai valokuva on kahdessa eri tietokoneessa hieman erisävyinen.

Tällä sivulla on viisi 4-osaista värikarttaa, joissa jokaisessa on yhden perusvärin pohjalta tuotettu rgb värikoodi. Kukin värikartta on tehty 4 osasta, jotka on tuotettu systemaattisesti muuttamalla kutakin värikoodia portaittain. Jokainen 1/4 värikartta on 6x6 kokoinen ja niiden sisällä matemaattiset muutokset ovat samat, mutta viereisen värikartan portaat saattavat olla eri suuruiset. Ideana on ollut, että kartassa on lähtövärin eri variaatiot.

Kunkin värikartan oikeassa alanurkassa oleva 1/4 värikartta on tuotettu lähtemällä pääväristä ja etenemällä systemaattisesti vaaleampaan ja tummempaan suuntaan. Esimerkiksi sinisen päävärin värikoodi on rgb(0,0,255); (joka esiintyy taulukossa kahteen kertaan) ja siitä on edetty sekä lähes valkoiseen että lähes mustaan. Vastaavasti on toteutettu myös punainen, vihreä ja keltainen 1/4 värikartta. Sen sijaan ruskea värikartta sisältää 4 vapaasti valittua perusväriä.