CSS-värikoodit

CSS-värikoodit ja -nimet.

• Punaiset värit
• Oranssit värit
• Keltaiset värit
• Vihreät värit
• Syaani värit
• Siniset värit
• Violet värit
• Vaaleanpunaiset värit
• Valkoiset värit
• Harmaat värit
• Ruskeat värit

CSS-väri

Värikoodi voi olla jokin seuraavista:

Hex-muoto: #rrggbb

RGB-muoto: rgb (punainen, vihreä, sininen)

Nimen muoto: nimi

Esimerkki

Oranssille värille:

Hex-muoto: #FFA500

RGB-muoto: rgb(255,165,0)

Nimen muoto: oranssi

Elementin värin asetus

Tietylle elementille:

<element style="color: code;"></element>

Kaikille samantyyppisille elementeille. Laita koodi head-osion <style>-tunnisteeseen:

<style>
   element { color: code; }
</style>

Esimerkki

Kappaleen tekstin värin asettaminen punaiseksi:

Tietyn kappaleen värin asettaminen:

<p style="color: #FF0000;">Some text ...</p>

Näytä:

Jotain tekstiä...

Kaikkien kappaleiden värin asettaminen

<style>
   p { color: #FF0000; }
</style>

Asetuselementin taustaväri

element { background: code; }

Esimerkki

Kappaleen taustavärin asettaminen punaiseksi:

Tietyn kappaleen taustavärin asettaminen:

<p style="background: #FF0000;">Some text ...</p>

Näytä:

Jotain tekstiä...

Kaikkien kappaleiden taustavärin asettaminen:

<style>
   p { background: #FF0000; }
</style>

Asetetaan elementin reunan väri

element { border-color: topcode rightcode bottomcode leftcode }

Esimerkki

Kappaleen reunan värin asettaminen punaiseksi, vihreäksi, siniseksi ja mustaksi:

Tietyn kappaleen reunavärin asettaminen:

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>

Näytä:

Jotain tekstiä...

Kaikkien kappaleiden reunavärin asettaminen:

<style>
   p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>

Punaiset värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	kevytlohi	#FFA07A	rgb(255 160 122)
	lohi	#FA8072	rgb(250 128 114)
	tummalohi	#E9967A	rgb(233 150 122)
	valokoralli	#F08080	rgb(240 128 128)
	intialainen	#CD5C5C	rgb(205;92;92)
	karmiininpunainen	#DC143C	rgb(220;20;60)
	tulenkestävä tiili	#B22222	rgb(178;34;34)
	punainen	#FF0000	rgb(255;0;0)
	tummanpunainen	#8B0000	rgb(139;0;0)

Oranssit värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	koralli	#FF7F50	rgb(255 127 80)
	tomaatti	#FF6347	rgb(255;99;71)
	oranssinpunainen	#FF4500	rgb(255;69;0)
	kulta-	#FFD700	rgb(255 215,0)
	oranssi	#FFA500	rgb(255;165;0)
	tumma oranssi	#FF8C00	rgb(255 140,0)

Keltaiset värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	vaaleankeltainen	#FFFFE0	rgb(255 255 224)
	sitruunasifonki	#FFFACD	rgb(255 250 205)
	vaalean kullankeltainen	#FAFAD2	rgb(250 250 210)
	papaijapiiska	#FFEFD5	rgb(255 239 213)
	mokkasiini	#FFE4B5	rgb(255 228 181)
	persikkapuvut	#FFDAB9	rgb(255 218 185)
	vaalea kultainen rod	#EEE8AA	rgb(238 232 170)
	khaki	#F0E68C	rgb(240 230 140)
	tummakhaki	#BDB76B	rgb(189 183 107)
	keltainen	#FFFF00	rgb(255 255,0)

Vihreät värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	nurmikonvihreä	#7CFC00	rgb(124 252,0)
	Keltaisen vihreä	#7FFF00	rgb(127 255,0)
	limenvihreä	#32CD32	rgb(50 205 50)
	lime	#00FF00	rgb(0.255.0)
	metsänvihreä	#228B22	rgb(34 139 34)
	vihreä	#008000	rgb(0;128;0)
	tummanvihreä	#006400	rgb(0,100,0)
	vihreä keltainen	#ADFF2F	rgb(173 255 47)
	keltavihreä	#9ACD32	rgb(154 205 50)
	keväänvihreä	#00FF7F	rgb(0 255 127)
	keskikeväänvihreä	#00FA9A	rgb(0 250 154)
	vaaleanvihreä	#90EE90	rgb(144 238 144)
	vaaleanvihreä	#98FB98	rgb(152 251 152)
	tummanvihreä	#8FBC8F	rgb(143 188 143)
	keskimerenvihreä	#3CB371	rgb(60 179 113)
	meren vihreä	#2E8B57	rgb(46 139 87)
	oliivi-	#808000	rgb(128;128;0)
	tummanvihreä	#556B2F	rgb(85;107;47)
	olivedrab	#6B8E23	rgb(107 142 35)

Syaani värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	vaaleasyaani	#E0FFFF	rgb(224 255 255)
	syaani	#00FFFF	rgb(0 255 255)
	aqua	#00FFFF	rgb(0 255 255)
	akvamariini	#7FFFD4	rgb(127 255 212)
	keskikokoinen akvamariini	#66CDAA	rgb(102 205 170)
	paleturkoosi	#MAKSUT	rgb(175 238 238)
	turkoosi	#40E0D0	rgb(64 224 208)
	keskiturkoosi	#48D1CC	rgb(72 209 204)
	tumma turkoosi	#00CED1	rgb(0 206 209)
	vaaleanvihreä	#20B2AA	rgb(32 178 170)
	kadetinsininen	#5F9EA0	rgb(95 158 160)
	tumma syaani	#008B8B	rgb(0 139 139)
	sinivihreä	#008080	rgb(0 128 128)

Siniset värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	puuterinsininen	#B0E0E6	rgb(176 224 230)
	vaaleansininen	#ADD8E6	rgb(173 216 230)
	vaalea taivaansininen	#87CEFA	rgb(135 206 250)
	taivaansininen	#87CEEB	rgb(135 206 235)
	syvän taivaansininen	#00BFFF	rgb(0 191 255)
	vaaleateräksensininen	#B0C4DE	rgb(176 196 222)
	dodgerblue	#1E90FF	rgb(30 144 255)
	ruiskukansininen	#6495ED	rgb(100 149 237)
	teräksensininen	#4682B4	rgb(70 130 180)
	kuninkaallisen sininen	#4169E1	rgb(65 105 225)
	sininen	#0000FF	rgb(0;0;255)
	keskisininen	#0000CD	rgb(0;0;205)
	tummansininen	#00008B	rgb(0;0;139)
	laivasto	#000080	rgb(0;0;128)
	yönsininen	#191970	rgb(25;25,112)
	keskilevynsininen	#7B68EE	rgb(123 104 238)
	liuskekivensininen	#6A5ACD	rgb(106;90;205)
	tumma liuskesininen	#483D8B	rgb(72;61,139)

Violet värit

Väri	HTML/CSS-  värin nimi	Heksakoodi  #RRGGBB	Desimaalikoodi (R,G,B)
	laventeli	#E6E6FA	rgb(230 230 250)
	ohdake	#D8BFD8	rgb(216 191 216)
	luumu	#DDA0DD	rgb(221 160 221)
	violetti	#EE82EE	rgb(238 130 238)
	orkidea	#DA70D6	rgb(218 112 214)
	fuksia	#FF00FF	rgb(255;0;255)
	magenta	#FF00FF	rgb(255;0;255)
	keskikokoinen orkidea	#BA55D3	rgb(186;85,211)
	keskivioletti	#9370DB	rgb(147 112 219)
	sinivioletti	#8A2BE2	rgb(138;43,226)
	tummanvioletti	#9400D3	rgb(148;0;211)
	Darkorchid	#9932CC	rgb(153;50,204)
	tummanmagenta	#8B008B	rgb(139;0;139)
	violetti	#800080	rgb(128;0;128)
	indigo	#4B0082	rgb(75;0;130)

Vaaleanpunaiset värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	vaaleanpunainen	#FFC0CB	rgb(255 192 203)
	vaalea pinkki	#FFB6C1	rgb(255 182 193)
	kuuma pinkki	#FF69B4	rgb(255 105 180)
	syvän vaaleanpunainen	#FF1493	rgb(255;20,147)
	vaaleanpunainen	#DB7093	rgb(219 112 147)
	keskivioletti	#C71585	rgb(199;21,133)

Valkoiset värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	valkoinen	#FFFFFF	rgb(255 255 255)
	lumi	#FFFAFA	rgb(255 250 250)
	mesikaste	#F0FFF0	rgb(240 255 240)
	minttu kerma	#F5FFFA	rgb(245 255 250)
	taivaansininen	#F0FFFF	rgb(240 255 255)
	aliceblue	#F0F8FF	rgb(240 248 255)
	haamuvalkoinen	#F8F8FF	rgb(248 248 255)
	valkoinen savu	#F5F5F5	rgb(245 245 245)
	kotilo	#FFF5EE	rgb(255 245 238)
	beige	#F5F5DC	rgb(245 245 220)
	vanha pitsi	#FDF5E6	rgb(253 245 230)
	kukkavalkoinen	#FFFAF0	rgb(255 250 240)
	norsunluu	#FFFFF0	rgb(255 255 240)
	antiikkivalkoinen	#FAEBD7	rgb(250 235 215)
	liinavaatteet	#FAF0E6	rgb(250 240 230)
	laventelipuna	#FFF0F5	rgb(255 240 245)
	mistyrose	#FFE4E1	rgb(255 228 225)

Harmaat värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	gainsboro	#DCDCDC	rgb(220 220 220)
	vaalean harmaa	#D3D3D3	rgb(211 211 211)
	hopea	#C0C0C0	rgb(192 192 192)
	tumman harmaa	#A9A9A9	rgb(169 169 169)
	harmaa	#808080	rgb(128 128 128)
	hämärä	#696969	rgb(105 105 105)
	valonharmaa	#778899	rgb(119 136 153)
	liuskeenharmaa	#708090	rgb(112 128 144)
	tumman kivenharmaa	#2F4F4F	rgb(47;79;79)
	musta	#000000	rgb(0,0,0)

Ruskeat värit

Väri	HTML/CSS- värin nimi	Heksakoodi #RRGGBB	Desimaalikoodi (R,G,B)
	maissisilkki	#FFF8DC	rgb(255 248 220)
	blanšoitu manteli	#FFEBCD	rgb(255 235 205)
	äyriäiskeitto	#FFE4C4	rgb(255 228 196)
	navajovalkoinen	#FFDEAD	rgb(255 222 173)
	vehnä	#F5DEB3	rgb(245 222 179)
	burlywood	#DEB887	rgb(222 184 135)
	rusketus	#D2B48C	rgb(210 180 140)
	ruusunruskea	#BC8F8F	rgb(188 143 143)
	hiekkaruskea	#F4A460	rgb(244 164 96)
	kultavippu	#DAA520	rgb(218 165 32)
	Peru	#CD853F	rgb(205 133 63)
	suklaa	#D2691E	rgb(210;105;30)
	satulanruskea	#8B4513	rgb(139;69;19)
	sienna	#A0522D	rgb(160;82;45)
	ruskea	#A52A2A	rgb(165;42;42)
	kastanjanruskea	#800000	rgb(128;0;0)

 

---

Katso myös

• CSS-navigointipalkki

CSS-värikoodityökalun ominaisuudet

CSS-värikoodityökalumme antaa käyttäjille mahdollisuuden CSS-värikoodeihin. Joitakin tämän apuohjelman merkittäviä ominaisuuksia selitetään alla.

Yksinkertaisuus

CSS-värikoodityökalumme käyttäjäystävällinen käyttöliittymä tarjoaa sinulle helpon muuntamisen välittömästi. Sinun ei enää tarvitse hankkia ohjelmointitaitoja CSS-värikoodeja varten tämän työkalun yksinkertaisuuden vuoksi.

Ei rekisteröintiä

Sinun ei tarvitse käydä läpi mitään rekisteröintiprosessia käyttääksesi CSS-värikoodeja. Tämän apuohjelman avulla voit CSS-värikoodityökalulla niin monta kertaa kuin haluat ilmaiseksi.

Siirrettävyys

Nämä CSS-värikoodit ovat käytettävissä mistä tahansa maailman kolkasta. Sinun ei tarvitse huolehtia tämän online-työkalun yhteensopivuudesta, sillä voit CSS-värikoodeja käyttää sillä miltä tahansa laitteelta. Tarvitset vain Internet-yhteyden tämän CSS-värikoodityökalun käyttämiseen ja käyttämiseen.

Säästää aikaa ja vaivaa

CSS-värikoodien avulla voit suorittaa saman tehtävän välittömästi. Sinua ei pyydetä noudattamaan manuaalisia toimenpiteitä, koska sen automatisoidut algoritmit tekevät työn puolestasi.

Yhteensopivuus

CSS-värikoodityökalu toimii täydellisesti kaikissa käyttöjärjestelmissä. Olipa sinulla Mac-, iOS-, Android-, Windows- tai Linux-laite, voit käyttää tätä verkkoapuohjelmaa helposti ilman ongelmia.

100% ilmainen

Sinun ei tarvitse käydä läpi mitään rekisteröintiprosessia käyttääksesi tätä CSS-värikoodityökalua. Voit käyttää tätä apuohjelmaa ilmaiseksi ja tehdä rajattomasti CSS-värikoodeja ilman rajoituksia.