CSS színkódok

CSS színkódok és nevek.

CSS szín

A színkód a következők egyike lehet:

Hex formátum: #rrggbb

RGB formátum: rgb (piros, zöld, kék)

Név formátum: név

Példa

Narancssárga szín esetén:

Hex formátum: # FFA500

RGB formátum: rgb (255 165,0)

Név formátum: narancs

Az elem színének beállítása

Egy adott elemhez:

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

Minden azonos típusú elemhez. Helyezze a kódot a <style/ címkébe a fej szakaszban:

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

Példa

Bekezdés szövegének vörösre állítása:

Az adott bekezdés színe:

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

Kilátás:

Néhány szöveg ...

Az összes bekezdés színének beállítása

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

Az elem háttérszínének beállítása

element { background: code; }

Példa

A bekezdés háttérszínének vörösre állítása:

Az adott bekezdés háttérszínének beállítása:

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

Kilátás:

Néhány szöveg ...

Az összes bekezdés háttérszínének beállítása:

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

Az elem szegélyének beállítása

element { border-color: topcode rightcode bottomcode leftcode }

Példa

A bekezdések szegélyének beállítása pirosra, zöldre, kékre és feketére:

Az egyes bekezdések szegélyének beállítása:

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

Kilátás:

Néhány szöveg ...

Az összes bekezdés szegélyének beállítása:

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

Piros színek

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  fényalmon # FFA07A rgb (255,160,122)
  lazac # FA8072 rgb (250 128 114)
  darksalmon # E9967A rgb (233,150,122)
  lightcoral # F08080 rgb (240 128 128)
  indianred # CD5C5C rgb (205,92,92)
  karmazsinvörös # DC143C rgb (220,20,60)
  tűzálló tégla # B22222 rgb (178,34,34)
  piros # FF0000 rgb (255,0,0)
  sötét vörös # 8B0000 rgb (139,0,0)

Narancssárga színű

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  korall # FF7F50 rgb (255 127,80)
  paradicsom # FF6347 rgb (255,99,71)
  narancsvörös # FF4500 rgb (255,69,0)
  Arany # FFD700 rgb (255,215,0)
  narancs # FFA500 rgb (255 165,0)
  darkorange # FF8C00 rgb (255,140,0)

Sárga színek

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  halványsárga # FFFFE0 rgb (255 255 224)
  citromsifon #FFFACD rgb (255 250 250)
  világos arany színű # FAFAD2 rgb (250 250 250)
  papayawhip # FFEFD5 rgb (255 239 213)
  mokaszin # FFE4B5 rgb (255 228 181)
  őszibarack # FFDAB9 rgb (255 218 185)
  palegoldenrod # EEE8AA rgb (238 232 170)
  khaki # F0E68C rgb (240 230 130)
  sötét khaki # BDB76B rgb (189,183,107)
  sárga # FFFF00 rgb (255,255,0)

Zöld színek

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  fűvédő # 7CFC00 rgb (124 252,0)
  karthauzi likőr # 7FFF00 rgb (127,255,0)
  zöldcitrom zöld # 32CD32 rgb (50 205,50)
  mész # 00FF00 rgb (0.255.0)
  erdő zöld # 228B22 rgb (34 139,34)
  zöld # 008000 rgb (0,128,0)
  sötétzöld # 006400 rgb (0,100,0)
  zöld sárga # ADFF2F rgb (173 255,47)
  sárga zöld # 9ACD32 rgb (154,205,50)
  Tavaszi zöld # 00FF7F rgb (0,255,127)
  közepes tavaszi zöld # 00FA9A rgb (0,250,154)
  világos zöld # 90EE90 rgb (144 238 144)
  halvány zöld # 98FB98 rgb (152 251 152)
  darkseagreen # 8FBC8F rgb (143 188 143)
  közepes zöld # 3CB371 rgb (60,179,113)
  tengerzöld # 2E8B57 rgb (46 139,87)
  olajbogyó # 808000 rgb (128,128,0)
  sötétzöld # 556B2F rgb (85 107,47)
  olivedrab # 6B8E23 rgb (107 142,35)

Cián színek

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  világos cián # E0FFFF rgb (224,255,255)
  cián # 00FFFF rgb (0,255,255)
  aqua # 00FFFF rgb (0,255,255)
  akvamarin # 7FFFD4 rgb (127 255 212)
  mediumaquamarine # 66CDAA rgb (102 205 170)
  palettakék #AFEEEE rgb (175 238 238)
  türkiz # 40E0D0 rgb (64 224 208)
  közepes türkiz # 48D1CC rgb (72 209 204)
  sötét türkiz # 00CED1 rgb (0,206,209)
  fényes zöld # 20B2AA rgb (32 178 170)
  kadettkék # 5F9EA0 rgb (95 158 160)
  darkcyan # 008B8B rgb (0,139,139)
  a zöldeskék # 008080 rgb (0,128,128)

Kék színek

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  kobalt kék # B0E0E6 rgb (176 224 230)
  világoskék # ADD8E6 rgb (173 216 230)
  világoskék # 87CEFA rgb (135 206 250)
  égszínkék # 87CEEB rgb (135 206 235)
  deepskybue # 00BFFF rgb (0,191,255)
  világoskék # B0C4DE rgb (176 196 222)
  dodgerblue # 1E90FF rgb (30 144 4255)
  búzavirágkék # 6495ED rgb (100 149 237)
  acélkék # 4682B4 rgb (70,130,180)
  királykék # 4169E1 rgb (65 105 225)
  kék # 0000FF rgb (0,0255)
  közepesen kék # 0000CD rgb (0,0,205)
  sötétkék # 00008B rgb (0,0,139)
  haditengerészet # 000080 rgb (0,0128)
  éjkék # 191970 rgb (25,25,112)
  közepesen késkék # 7B68EE rgb (123 104 238)
  palakék # 6A5ACD rgb (106,90,205)
  darkslateblue # 483D8B rgb (72,61,139)

Lila színek

Szín HTML / CSS
 színnév		 Hex kód
 # RRGGBB		 Tizedes kód
(R, G, B)
  levendula # E6E6FA rgb (230 230 230)
  bogáncs # D8BFD8 rgb (216 191 216)
  szilva # DDA0DD rgb (221,160,221)
  ibolya # EE82EE rgb (238,130,238)
  orchidea # DA70D6 rgb (218,112,214)
  fukszia # FF00FF rgb (255,0 255)
  bíborvörös # FF00FF rgb (255,0 255)
  mediumorchid # BA55D3 rgb (186,85,211)
  közepes lila # 9370DB rgb (147,112,219)
  kék ibolya # 8A2BE2 rgb (138,43,226)
  sötétlila # 9400D3 rgb (148,0 211)
  darkorchid # 9932CC rgb (153,50,204)
  darkmagenta # 8B008B rgb (139,0 139)
  lila # 800080 rgb (128,0 128)
  indigó # 4B0082 rgb (75,0 130)

Rózsaszín

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  rózsaszín # FFC0CB rgb (255,192,203)
  világos rózsaszín # FFB6C1 rgb (255 182 193)
  dögös rózsaszín # FF69B4 rgb (255 105 180)
  mély rózsaszín # FF1493 rgb (255,20,147)
  palevioletred # DB7093 rgb (219,112,147)
  közepesen lila # C71585 rgb (199,21,133)

Fehér színek

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  fehér #FFFFFF rgb (255 255 255)
  hó #FFFAFA rgb (255 250 250)
  mézharmat # F0FFF0 rgb (240 255 240)
  mentakrém # F5FFFA rgb (245 255 250)
  égszínkék # F0FFFF rgb (240 255 255)
  aliceblue # F0F8FF rgb (240 248 255)
  szellemfehér # F8F8FF rgb (248,248,255)
  fehér füst # F5F5F5 rgb (245 245 245)
  kagyló # FFF5EE rgb (255 245 238)
  bézs # F5F5DC rgb (245 245 220)
  oldlace # FDF5E6 rgb (253 245 230)
  virágfehér # FFFAF0 rgb (255 250 250)
  elefántcsont # FFFFF0 rgb (255 255 240)
  antiquewhite # FAEBD7 rgb (250 235 215)
  vászon # FAF0E6 rgb (250 240 430)
  levendulafény # FFF0F5 rgb (255 240 240)
  mistiróz # FFE4E1 rgb (255 228 225)

Szürke színek

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  Gainsboro #DCDCDC rgb (220,220,220)
  világos szürke # D3D3D3 rgb (211 211 211)
  ezüst # C0C0C0 rgb (192,192,192)
  sötét szürke # A9A9A9 rgb (169 169 169)
  szürke # 808080 rgb (128 128 128)
  homályos # 696969 rgb (105 105 105)
  fénykategória # 778899 rgb (119 136 156 153)
  slategray # 708090 rgb (112 128 144)
  darkslategray # 2F4F4F rgb (47,79,79)
  fekete # 000000 rgb (0,0,0)

Barna színek

Szín HTML / CSS
színnév		 Hex kód
# RRGGBB		 Tizedes kód
(R, G, B)
  cornsilk # FFF8DC rgb (255 248 220)
  blansírozott mandula #FFEBCD rgb (255 235 205)
  krémleves # FFE4C4 rgb (255 228 196)
  navajowhite #FFDEAD rgb (255 222 173)
  búza # F5DEB3 rgb (245 222 179)
  burlywood # DEB887 rgb (222 184 135)
  tan # D2B48C rgb (210,180,140)
  rózsabarna # BC8F8F rgb (188 143 143)
  homokbarna # F4A460 rgb (244 164,96)
  aranyvessző # DAA520 rgb (218,165,32)
  Peru # CD853F rgb (205 133,63)
  csokoládé # D2691E rgb (210 105,30)
  nyeregbarna # 8B4513 rgb (139,69,19)
  sienna # A0522D rgb (160,82,45)
  barna # A52A2A rgb (165,42,42)
  gesztenyebarna # 800000 rgb (128,0,0)

 

Lásd még

Advertising

CSS
GYORS TÁBLÁZATOK