CSS-värikoodit

CSS-värikoodit ja nimet.

• Punaiset värit
• Oranssit värit
• Keltaiset värit
• Vihreät värit
• Syaanivärit
• Siniset värit
• Violetit värit
• Vaaleanpunaiset värit
• Valkoiset värit
• Harmaat värit
• Ruskeat värit

CSS-väri

Värikoodi voi olla yksi seuraavista:

Hex-muoto: #rrggbb

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

Nimen muoto: nimi

Esimerkki

Oranssi väri:

Hex-muoto: # FFA500

RGB-muoto: rgb (255165,0)

Nimen muoto: oranssi

Elementin värin asettaminen

Tietty elementti:

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

Kaikille saman tyyppisille elementeille. Laita koodi otsikkoon <style/ -tagiin:

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

Esimerkki

Kappaleen tekstin värin asettaminen punaiseksi:

Tietyn kappaleen väri:

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

Näytä:

Jotkut tekstit ...

Kaikkien kappaleiden väri

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

Elementin taustavärin asettaminen

element { background: code; }

Esimerkki

Kappaleen taustavärin asettaminen punaiseksi:

Tietyn kappaleen taustavärin asettaminen:

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

Näytä:

Jotkut tekstit ...

Kaikkien kappaleiden taustavärin asettaminen:

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

Elementin reunan värin asettaminen

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ä:

Jotkut tekstit ...

Kaikkien kappaleiden reunavärin asettaminen:

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

Punaiset värit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	valolohi	# FFA07A	rgb (255,160,122)
	lohi	# FA8072	rgb (250128114)
	darksalmon	# E9967A	rgb (233,150,122)
	vaalea	# F08080	rgb (240128128)
	intiaani	# 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ärinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	koralli	# FF7F50	rgb (255127,80)
	tomaatti	# FF6347	rgb (255,99,71)
	oranssinpunainen	# FF4500	rgb (255,69,0)
	kulta-	# FFD700	rgb (255,215,0)
	oranssi	# FFA500	rgb (255165,0)
	tumma oranssi	# FF8C00	rgb (255 140,0)

Keltaiset värit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	vaaleankeltainen	# FFFFE0	rgb (255255224)
	sitruunan sifonki	#FFFACD	rgb (255 250 205)
	kevytkullanruskea	# FAFAD2	rgb (250 250 250)
	papayawhip	# FFEFD5	rgb (255 239 213)
	mokkasiini	# FFE4B5	rgb (255 228 181)
	persikanpuffia	# FFDAB9	rgb (255,218,185)
	palegoldenrod	# EEE8AA	rgb (238,232,170)
	khaki	# F0E68C	rgb (240230140)
	tumma khaki	# BDB76B	rgb (189183107)
	keltainen	# FFFF00	rgb (255255,0)

Vihreät värit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	nurmikonvihreä	# 7CFC00	rgb (124252,0)
	Keltaisen vihreä	# 7FFF00	rgb (127255,0)
	limenvihreä	# 32CD32	rgb (50205,50)
	lime	# 00FF00	rgb (0.255.0)
	metsänvihreä	# 228B22	rgb (34139,34)
	vihreä	# 008000	rgb (0,128,0)
	tummanvihreä	# 006400	rgb (0,100,0)
	vihreä keltainen	# ADFF2F	rgb (173255,47)
	keltainen	# 9ACD32	rgb (154205,50)
	keväänvihreä	# 00FF7F	rgb (0,255,127)
	keskipitkävihreä	# 00FA9A	rgb (0,250,154)
	vaaleanvihreä	# 90EE90	rgb (144 238 144)
	vaaleanvihreä	# 98FB98	rgb (152251152)
	darkseagreen	# 8FBC8F	rgb (143188143)
	keskipitkänvihreä	# 3CB371	rgb (60179113)
	meren vihreä	# 2E8B57	rgb (46139,87)
	oliivi-	# 808000	rgb (128128,0)
	tummanvihreä	# 556B2F	rgb (85107,47)
	olivedrab	# 6B8E23	rgb (107142,35)

Syaanivärit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	vaaleansininen	# E0FFFF	rgb (224255255)
	syaani	# 00FFFF	rgb (0,255,255)
	aqua	# 00FFFF	rgb (0,255,255)
	akvamariini	# 7FFFD4	rgb (127255212)
	mediumaquamarine	# 66CDAA	rgb (102205170)
	palettivihreä	#AFEEEE	rgb (175238238)
	turkoosi	# 40E0D0	rgb (64 224 208)
	keskiturkoosi	# 48D1CC	rgb (72209204)
	tumma turkoosi	# 00CED1	rgb (0,206,209)
	valonvihreä	# 20B2AA	rgb (32,178,170)
	kadettisininen	# 5F9EA0	rgb (95158,160)
	tumma syaani	# 008B8B	rgb (0,139,139)
	sinivihreä	# 008080	rgb (0,128,128)

Siniset värit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	puuterinsininen	# B0E0E6	rgb (176224230)
	vaaleansininen	# ADD8E6	rgb (173 216 230)
	vaaleansininen	# 87CEFA	rgb (135206,250)
	taivaansininen	# 87CEEB	rgb (135206,235)
	syvänsininen	# 00BFFF	rgb (0,191,255)
	vaaleansininen	# B0C4DE	rgb (176196222)
	dodgerblue	# 1E90FF	rgb (30144255)
	ruiskukkasininen	# 6495ED	rgb (100149,237)
	terässininen	# 4682B4	rgb (70 130 180)
	kuninkaallisen sininen	# 4169E1	rgb (65105225)
	sininen	# 0000FF	rgb (0,0255)
	keskisuuri	# 0000CD	rgb (0,0205)
	tummansininen	# 00008B	rgb (0,0139)
	laivasto	# 000080	rgb (0,0128)
	yönsininen	# 191970	rgb (25,25,112)
	keskitasoinen sinivihreä	# 7B68EE	rgb (123104 238)
	liuskekivi	# 6A5ACD	rgb (106,90,205)
	tummansininen	# 483D8B	rgb (72,61,139)

Violetit värit

Väri	HTML / CSS-  värinimi	Hex-koodi  #RRGGBB	Desimaalikoodi (R, G, B)
	laventeli	# E6E6FA	rgb (230230250)
	ohdake	# D8BFD8	rgb (216191216)
	luumu	# DDA0DD	rgb (221,160,221)
	violetti	# EE82EE	rgb (238 130 238)
	orkidea	# DA70D6	rgb (218,112,214)
	fuksia	# FF00FF	rgb (255,0255)
	magenta	# FF00FF	rgb (255,0255)
	keskikokoinen	# BA55D3	rgb (186,85,211)
	keskipunainen	# 9370DB	rgb (147,112,219)
	sininenvioletti	# 8A2BE2	rgb (138,43,226)
	tumma violetti	# 9400D3	rgb (148,0, 211)
	darkorchid	# 9932CC	rgb (153,50,204)
	tumma magenta	# 8B008B	rgb (139,0139)
	violetti	# 800080	rgb (128,0128)
	indigo	# 4B0082	rgb (75,0 130)

Vaaleanpunaiset värit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	vaaleanpunainen	# FFC0CB	rgb (255192203)
	vaalea pinkki	# FFB6C1	rgb (255182193)
	kuuma pinkki	# FF69B4	rgb (255 105 180)
	syvän vaaleanpunainen	# FF1493	rgb (255,20,147)
	palevioletred	# DB7093	rgb (219,112,147)
	keskivioletti	# C71585	rgb (199,21,133)

Valkoiset värit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	valkoinen	#FFFFFF	rgb (255255255)
	lumi	#FFFAFA	rgb (255 250 250)
	hunajakastetta	# F0FFF0	rgb (240255240)
	mintukerma	# F5FFFA	rgb (245255250)
	taivaansininen	# F0FFFF	rgb (240255255)
	alicebue	# F0F8FF	rgb (240248255)
	kummitusvalkoinen	# F8F8FF	rgb (248248255)
	valkoinen savu	# F5F5F5	rgb (2452445245)
	kotilo	# FFF5EE	rgb (255245238)
	beige	# F5F5DC	rgb (245245220)
	oldlace	# FDF5E6	rgb (253245230)
	kukka valkoinen	# FFFAF0	rgb (255250240)
	norsunluu	# FFFFF0	rgb (255255240)
	antiquewhite	# FAEBD7	rgb (250 235 215)
	liinavaatteet	# FAF0E6	rgb (250240230)
	laventeli	# FFF0F5	rgb (255240245)
	mistyrose	# FFE4E1	rgb (255 228 225)

Harmaat värit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	Gainsboro	#DCDCDC	rgb (220220220)
	vaalean harmaa	# D3D3D3	rgb (211211211)
	hopea	# C0C0C0	rgb (192,192,192)
	tumman harmaa	# A9A9A9	rgb (169169169)
	harmaa	# 808080	rgb (128128128)
	himmeä	# 696969	rgb (105105105)
	valokategoria	# 778899	rgb (119136153)
	slategray	# 708090	rgb (112128144)
	darkslategray	# 2F4F4F	rgb (47,79,79)
	musta	# 000000	rgb (0,0,0)

Ruskeat värit

Väri	HTML / CSS- värinimi	Hex-koodi #RRGGBB	Desimaalikoodi (R, G, B)
	cornsilk	# FFF8DC	rgb (255 248 220)
	blanched manteli	#FFEBCD	rgb (255 235 205)
	äyriäiskeitto	# FFE4C4	rgb (255 228 196)
	navajowhite	#FFDEAD	rgb (255222173)
	vehnä	# F5DEB3	rgb (245222179)
	burlywood	# DEB887	rgb (222184135)
	rusketus	# D2B48C	rgb (210,180,140)
	ruusunruskea	# BC8F8F	rgb (188143143)
	hiekkaruskea	# F4A460	rgb (244164,96)
	kultainen varsi	# DAA520	rgb (218165,32)
	Peru	# CD853F	rgb (205133,63)
	suklaa	# D2691E	rgb (210105,30)
	satularuskea	# 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