Kody kolorów CSS

Kody kolorów i nazwy CSS.

• Czerwone kolory
• Pomarańczowe kolory
• Kolory żółte
• Zielone kolory
• Kolory cyjan
• Niebieskie kolory
• Fioletowe kolory
• Różowe kolory
• Białe kolory
• Szare kolory
• Brązowe kolory

Kolor CSS

Kod koloru może być jednym z:

Format szesnastkowy: #rrggbb

Format RGB: rgb (czerwony, zielony, niebieski)

Format nazwy : nazwa

Przykład

Dla koloru pomarańczowego:

Format szesnastkowy: # FFA500

Format RGB: rgb (255,165,0)

Format nazwy: pomarańczowy

Ustawienie koloru elementu

Dla konkretnego elementu:

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

Do wszystkich elementów tego samego typu. Umieść kod w tagu <style/ w sekcji head:

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

Przykład

Ustawianie koloru tekstu akapitu na czerwony:

Ustawianie koloru konkretnego akapitu:

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

Widok:

Jakiś tekst ...

Ustawianie koloru wszystkich akapitów

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

Ustawianie koloru tła elementu

element { background: code; }

Przykład

Ustawianie koloru tła akapitu na czerwony:

Ustawianie koloru tła określonego akapitu:

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

Widok:

Jakiś tekst ...

Ustawianie koloru tła wszystkich akapitów:

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

Ustawianie koloru obramowania elementu

element { border-color: topcode rightcode bottomcode leftcode }

Przykład

Ustawianie koloru obramowania akapitu na czerwony, zielony, niebieski i czarny:

Ustawianie koloru obramowania określonego akapitu:

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

Widok:

Jakiś tekst ...

Ustawianie koloru obramowania wszystkich akapitów:

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

Czerwone kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	lightalmon	# FFA07A	rgb (255,160,122)
	łosoś	# FA8072	rgb (250,128,114)
	łosoś ciemny	# E9967A	rgb (233,150,122)
	Lightcoral	# F08080	rgb (240,128,128)
	indianred	# CD5C5C	rgb (205,92,92)
	karmazynowy	# DC143C	rgb (220,20,60)
	szamot	# B22222	rgb (178,34,34)
	czerwony	# FF0000	rgb (255,0,0)
	ciemno czerwony	# 8B0000	rgb (139,0,0)

Pomarańczowe kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	koral	# FF7F50	rgb (255,127,80)
	pomidor	# FF6347	rgb (255,99,71)
	pomarańczowy czerwony	# FF4500	rgb (255,69,0)
	złoto	# FFD700	rgb (255,215,0)
	Pomarańczowy	# FFA500	rgb (255,165,0)
	ciemna pomarańcza	# FF8C00	rgb (255,140,0)

Kolory żółte

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	jasny zółty	# FFFFE0	rgb (255,255,224)
	cytrynowy	#FFFACD	rgb (255,250,205)
	lightgoldenrodyellow	# FAFAD2	rgb (250,250,210)
	papayawhip	# FFEFD5	rgb (255,239,213)
	mokasyn	# FFE4B5	rgb (255,228,181)
	brzoskwinia	# FFDAB9	rgb (255,218,185)
	palegoldenrod	# EEE8AA	rgb (238.232.170)
	khaki	# F0E68C	rgb (240,230,140)
	ciemny khaki	# BDB76B	rgb (189,183,107)
	żółty	# FFFF00	rgb (255,255,0)

Zielone kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	Lawngreen	# 7CFC00	rgb (124,252,0)
	chartreuse	# 7FFF00	rgb (127,255,0)
	limonkowy	# 32CD32	rgb (50,205,50)
	Limonka	# 00FF00	rgb (0.255.0)
	zielony las	# 228B22	rgb (34,139,34)
	Zielony	# 008000	rgb (0,128,0)
	ciemnozielony	# 006400	rgb (0,100,0)
	zielony żółty	# ADFF2F	rgb (173,255,47)
	żółty zielony	# 9ACD32	rgb (154,205,50)
	wiosenna zieleń	# 00FF7F	rgb (0,255,127)
	mediumspringgreen	# 00FA9A	rgb (0,250,154)
	jasnozielony	# 90EE90	rgb (144,238,144)
	bladozielony	# 98FB98	rgb (152.251.152)
	ciemnozielony	# 8FBC8F	rgb (143.188.143)
	mediumseagreen	# 3CB371	rgb (60,179,113)
	zielone morze	# 2E8B57	rgb (46,139,87)
	Oliwa	# 808000	rgb (128,128,0)
	ciemnoliwozielony	# 556B2F	rgb (85,107,47)
	olivedrab	# 6B8E23	rgb (107,142,35)

Kolory cyjan

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	jasnoszary	# E0FFFF	rgb (224,255,255)
	cyjan	# 00FFFF	rgb (0,255,255)
	wodny	# 00FFFF	rgb (0,255,255)
	akwamaryn	# 7FFFD4	rgb (127,255,212)
	średniakwamaryna	# 66CDAA	rgb (102,205,170)
	paleturkusowy	#AFEEEE	rgb (175.238.238)
	turkus	# 40E0D0	rgb (64.224.208)
	średnioturkusowy	# 48D1CC	rgb (72,209,204)
	darkturquoise	# 00CED1	rgb (0,206,209)
	jasnozielony	# 20B2AA	rgb (32,178,170)
	cadetblue	# 5F9EA0	rgb (95,158,160)
	darkcyan	# 008B8B	rgb (0,139,139)
	cyraneczka	# 008080	rgb (0,128,128)

Niebieskie kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	Powderblue	# B0E0E6	rgb (176.224.230)
	jasny niebieski	# ADD8E6	rgb (173.216.230)
	jasnoniebieski	# 87CEFA	rgb (135,206,250)
	niebieskie niebo	# 87CEEB	rgb (135,206,235)
	deepskyblue	# 00BFFF	rgb (0,191,255)
	lightsteelblue	# B0C4DE	rgb (176,196,222)
	dodgerblue	# 1E90FF	rgb (30,144,255)
	chabrowy	# 6495ED	rgb (100,149,237)
	stalowo - niebieski	# 4682B4	rgb (70,130,180)
	Królewski niebieski	# 4169E1	rgb (65,105,225)
	niebieski	# 0000FF	rgb (0,0,255)
	średni niebieski	# 0000CD	rgb (0,0,205)
	ciemny niebieski	# 00008B	rgb (0,0,139)
	marynarka wojenna	# 000080	rgb (0,0,128)
	niebieska północ	# 191970	rgb (25,25,112)
	mediumslateblue	# 7B68EE	rgb (123,104,238)
	odcień niebieskiego	# 6A5ACD	rgb (106,90,205)
	darkslateblue	# 483D8B	rgb (72,61,139)

Fioletowe kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy  #RRGGBB	Kod dziesiętny (R, G, B)
	lawenda	# E6E6FA	rgb (230,230,250)
	oset	# D8BFD8	rgb (216,191,216)
	śliwka	# DDA0DD	rgb (221,160,221)
	fioletowy	# EE82EE	rgb (238 130 238)
	orchidea	# DA70D6	rgb (218,112,214)
	fuksja	# FF00FF	rgb (255,0,255)
	magenta	# FF00FF	rgb (255,0,255)
	średniorchowaty	# BA55D3	rgb (186,85,211)
	średniofioletowy	# 9370DB	rgb (147,112,219)
	blueviolet	# 8A2BE2	rgb (138,43,226)
	ciemnofioletowy	# 9400D3	rgb (148,0,211)
	darkorchid	# 9932CC	rgb (153,50,204)
	ciemna magenta	# 8B008B	rgb (139, 0, 139)
	fioletowy	# 800080	rgb (128,0 128)
	indygo	# 4B0082	rgb (75,0 130)

Różowe kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	różowy	# FFC0CB	rgb (255,192,203)
	jasnoróżowy	# FFB6C1	rgb (255,182,193)
	gorący róż	# FF69B4	rgb (255,105,180)
	głęboki róż	# FF1493	rgb (255,20,147)
	palevioletred	# DB7093	rgb (219,112,147)
	średnio-fioletowy	# C71585	rgb (199,21,133)

Białe kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	biały	#FFFFFF	rgb (255,255,255)
	śnieg	#FFFAFA	rgb (255,250,250)
	spadzi	# F0FFF0	rgb (240,255,240)
	krem miętowy	# F5FFFA	rgb (245,255,250)
	lazur	# F0FFFF	rgb (240,255,255)
	aliceblue	# F0F8FF	rgb (240,248,255)
	biały duch	# F8F8FF	rgb (248,248,255)
	biały dym	# F5F5F5	rgb (245,245,245)
	muszla	# FFF5EE	rgb (255,245,238)
	beżowy	# F5F5DC	rgb (245,245,220)
	oldlace	# FDF5E6	rgb (253,245,230)
	kwiatowy biały	# FFFAF0	rgb (255,250,240)
	kość słoniowa	# FFFFF0	rgb (255,255,240)
	antyczna biel	# FAEBD7	rgb (250,235,215)
	bielizna	# FAF0E6	rgb (250,240,230)
	lawendowy róż	# FFF0F5	rgb (255,240,245)
	mistyrose	# FFE4E1	rgb (255,228,225)

Szare kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	Gainsboro	#DCDCDC	rgb (220,220,220)
	jasny szary	# D3D3D3	rgb (211,211,211)
	srebro	# C0C0C0	rgb (192,192,192)
	ciemny szary	# A9A9A9	rgb (169,169,169)
	szary	# 808080	rgb (128,128,128)
	dimgray	# 696969	rgb (105,105,105)
	lightslategray	# 778899	rgb (119,136,153)
	popielaty	# 708090	rgb (112.128.144)
	darkslategray	# 2F4F4F	rgb (47,79,79)
	czarny	# 000000	rgb (0,0,0)

Brązowe kolory

Kolor	Nazwa koloru HTML / CSS	Kod szesnastkowy #RRGGBB	Kod dziesiętny (R, G, B)
	cornsilk	# FFF8DC	rgb (255,248,220)
	blanchedalmond	#FFEBCD	rgb (255,235,205)
	for	# FFE4C4	rgb (255,228,196)
	navajowhite	#FFDEAD	rgb (255,222,173)
	pszenica	# F5DEB3	rgb (245,222,179)
	burlywood	# DEB887	rgb (222,184,135)
	tan	# D2B48C	rgb (210,180,140)
	różowobrązowy	# BC8F8F	rgb (188,143,143)
	piaskowobrązowy	# F4A460	rgb (244,164,96)
	nawłoć	# DAA520	rgb (218,165,32)
	Peru	# CD853F	rgb (205,133,63)
	czekolada	# D2691E	rgb (210,105,30)
	siodło brązowe	# 8B4513	rgb (139,69,19)
	sjena	# A0522D	rgb (160,82,45)
	brązowy	# A52A2A	rgb (165,42,42)
	kasztanowaty	# 800000	rgb (128,0,0)

 

---

Zobacz też

• Pasek nawigacji CSS