Kody kolorów i nazwy CSS.
Kod koloru może być jednym z:
Format szesnastkowy: #rrggbb
Format RGB: rgb (czerwony, zielony, niebieski)
Format nazwy : nazwa
Dla koloru pomarańczowego:
Format szesnastkowy: # FFA500
Format RGB: rgb (255,165,0)
Format nazwy: pomarańczowy
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/
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>
element { background: code; }
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>
element { border-color: topcode rightcode bottomcode leftcode }
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>
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |