CSS-i värvikoodid

CSS-i värvikoodid ja nimed.

CSS värv

Värvikood võib olla üks järgmistest:

Hex-vorming: #rrggbb

RGB-vorming: rgb (punane, roheline, sinine)

Nime vorming: nimi

Näide

Oranži värvi jaoks:

Hex-vorming: # FFA500

RGB-vorming: rgb (255 165,0)

Nime formaat: oranž

Elemendi värvi määramine

Konkreetse elemendi jaoks:

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

Kõigi sama tüüpi elementide jaoks. Pange kood jaotises <style/ märgendisse:

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

Näide

Lõigu teksti värvi määramine punaseks:

Konkreetse lõigu värvi määramine:

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

Vaade:

Veidi teksti ...

Kõigi lõikude värvi määramine

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

Elemendi taustavärvi määramine

element { background: code; }

Näide

Lõigu taustavärvi määramine punaseks:

Konkreetse lõigu taustavärvi määramine:

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

Vaade:

Veidi teksti ...

Kõigi lõikude taustavärvi määramine:

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

Elemendi äärise värvi määramine

element { border-color: topcode rightcode bottomcode leftcode }

Näide

Lõikude äärise värvi määramine punaseks, roheliseks, siniseks ja mustaks:

Konkreetse lõigu äärise värvi määramine:

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

Vaade:

Veidi teksti ...

Kõigi lõikude äärise värvi määramine:

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

Punased värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  tulesalmon # FFA07A rgb (255 160 602)
  lõhe # FA8072 rgb (250 128 114)
  darksalmon # E9967A rgb (233 150 122)
  helekooriline # F08080 rgb (240 128 128)
  indianred # CD5C5C rgb (205,92,92)
  karmiinpunane # DC143C rgb (220,20,60)
  tulekindel tellis # B22222 rgb (178,34,34)
  punane # FF0000 rgb (255,0,0)
  pimedas # 8B0000 rgb (139,0,0)

Oranžid värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  korall # FF7F50 rgb (255 127,80)
  tomat # FF6347 rgb (255,99,71)
  oranžitud # FF4500 rgb (255,69,0)
  kuld # FFD700 rgb (255 215,0)
  oranž # FFA500 rgb (255 165,0)
  tumeoranž # FF8C00 rgb (255 140,0)

Kollased värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  helekollane # FFFFE0 rgb (255 255 224)
  sidrunififoon #FFFACD rgb (255 250 205)
  helekuldne kollane # FAFAD2 rgb (250 250 250)
  papayawhip # FFEFD5 rgb (255 239 213)
  mokasiin # FFE4B5 rgb (255 228 181)
  virsikupuu # FFDAB9 rgb (255 218 185)
  palegoldenrod # EEE8AA rgb (238 232 170)
  khaki # F0E68C rgb (240 230 140)
  tume khaki # BDB76B rgb (189 183 107)
  kollane # FFFF00 rgb (255 255,0)

Rohelised värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  murukate # 7CFC00 rgb (124 252,0)
  chartreuse # 7FFF00 rgb (127 255,0)
  limegreen # 32CD32 rgb (50 205,50)
  lubi # 00FF00 rgb (0,255,0)
  metsaroheline # 228B22 rgb (34 139,34)
  roheline # 008000 rgb (0,128,0)
  tumeroheline # 006400 rgb (0,100,0)
  rohekollane # ADFF2F rgb (173 255,47)
  kollane roheline # 9ACD32 rgb (154 205,50)
  kevadroheline # 00FF7F rgb (0,255,127)
  keskmise kevadroheline # 00FA9A rgb (0,250,154)
  heleroheline # 90EE90 rgb (144 238 144)
  kahvaturoheline # 98FB98 rgb (152 251 152)
  tumeroheline # 8FBC8F rgb (143 188 143)
  keskmiselt roheline # 3CB371 rgb (60 179 113)
  mereroheline # 2E8B57 rgb (46 139,87)
  oliiv # 808000 rgb (128 128,0)
  tumeroheline roheline # 556B2F rgb (85 107,47)
  olivedrab # 6B8E23 rgb (107 142,35)

Tsüaanvärvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  helesinine # E0FFFF rgb (224 255 255)
  tsüaan # 00FFFF rgb (0,255,255)
  veekogu # 00FFFF rgb (0,255,255)
  akvamariin # 7FFFD4 rgb (127 255 212)
  mediumaquamarine # 66CDAA rgb (102 205 170)
  paletürkiis #AFEEEE rgb (175 238 238)
  türkiissinine # 40E0D0 rgb (64 224 208)
  keskmine türkiissinine # 48D1CC rgb (72 209 204)
  tume türkiissinine # 00CED1 rgb (0,206,209)
  heleroheline # 20B2AA rgb (32 178 170)
  kadetsinine # 5F9EA0 rgb (95 158 160)
  tumetsüaan # 008B8B rgb (0,139,139)
  sinakasroheline # 008080 rgb (0,128,128)

Sinised värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  puudrisinine # B0E0E6 rgb (176 224 230)
  helesinine # ADD8E6 rgb (173 216 230)
  helesinine # 87CEFA rgb (135 206 250)
  taevasinine # 87CEEB rgb (135 206 235)
  deepskybue # 00BFFF rgb (0,191,255)
  helesinine # B0C4DE rgb (176 196 222)
  dodgerblue # 1E90FF rgb (30 144 245)
  rukkilillesinine # 6495ED rgb (100 149 237)
  terassinine # 4682B4 rgb (70 130 180)
  sügavsinine # 4169E1 rgb (65 105 225)
  sinine # 0000FF rgb (0,0255)
  keskmist sinist # 0000CD rgb (0,0205)
  tumesinine # 00008B rgb (0,0 139)
  merevägi # 000080 rgb (0,0128)
  kesköö sinine # 191970 rgb (25,25,112)
  keskmiselt kiltsinine # 7B68EE rgb (123 104 238)
  kiltkivi sinine # 6A5ACD rgb (106,90,205)
  darkslateblue # 483D8B rgb (72,61,139)

Lillad värvid

Värv HTML / CSS-i
 värvi nimi		 Kuueteistkümnendkoodi
 #RRGGBB		 Kümnendkood
(R, G, B)
  lavendel # E6E6FA rgb (230 230 250)
  ohakas # D8BFD8 rgb (216 191 216)
  ploom # DDA0DD rgb (221 160 221)
  violetne # EE82EE rgb (238 130 238)
  orhidee # DA70D6 rgb (218 112 214)
  fuksia # FF00FF rgb (255,0 255)
  magenta # FF00FF rgb (255,0 255)
  keskpärane # BA55D3 rgb (186,85,211)
  keskmine lilla # 9370DB rgb (147 112 219)
  sinilill # 8A2BE2 rgb (138,43,226)
  tumelilla # 9400D3 rgb (148,0 211)
  darkorchid # 9932CC rgb (153,50,204)
  darkmagenta # 8B008B rgb (139,0 139)
  lillakas # 800080 rgb (128,0 128)
  indigo # 4B0082 rgb (75,0 130)

Roosad värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  roosa # FFC0CB rgb (255 192 203)
  heleroosa # FFB6C1 rgb (255 182 193)
  soe roosa # FF69B4 rgb (255 105 180)
  sügav roosa # FF1493 rgb (255,20,147)
  palevioletred # DB7093 rgb (219 112 147)
  keskvioletne # C71585 rgb (199,21,133)

Valged värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  valge #FFFFFF rgb (255 255 255)
  lumi #FFFAFA rgb (255 250 250)
  mesinädalad # F0FFF0 rgb (240 255 240)
  piparmündikreem # F5FFFA rgb (245 255 250)
  taevasinine # F0FFFF rgb (240 255 255)
  aliceblue # F0F8FF rgb (240 248 255)
  kummitusvalge # F8F8FF rgb (248 248 255)
  valge suits # F5F5F5 rgb (245 245 245)
  merekarp # FFF5EE rgb (255 245 238)
  beež # F5F5DC rgb (245 245 220)
  oldlace # FDF5E6 rgb (253 245 230)
  lillevalge # FFFAF0 rgb (255 250 240)
  elevandiluust # FFFFF0 rgb (255 255 240)
  antiwewhite # FAEBD7 rgb (250 235 215)
  linane # FAF0E6 rgb (250 240 240)
  lavendlipunane # FFF0F5 rgb (255 240 240)
  mistüroos # FFE4E1 rgb (255 228 225)

Hallid värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  gainsboro #DCDCDC rgb (220 220 220)
  helehall # D3D3D3 rgb (211 211 211)
  hõbe # C0C0C0 rgb (192 192 192)
  tumehall # A9A9A9 rgb (169 169 169)
  hall # 808080 rgb (128 128 128)
  hämar # 696969 rgb (105 105 105)
  tulede kategooria # 778899 rgb (119 136 153)
  slategray # 708090 rgb (112 128 144)
  darkslategray # 2F4F4F rgb (47,79,79)
  must # 000000 rgb (0,0,0)

Pruunid värvid

Värv HTML / CSS-i
värvi nimi		 Kuueteistkümnendkoodi
#RRGGBB		 Kümnendkood
(R, G, B)
  maisipiim # FFF8DC rgb (255 248 220)
  blanšeeritud mandel #FFEBCD rgb (255 235 205)
  bisque # FFE4C4 rgb (255 228 196)
  navajowhite #FFDEAD rgb (255 222 173)
  nisu # F5DEB3 rgb (245 222 179)
  burlywood # DEB887 rgb (222 184 135)
  tan # D2B48C rgb (210 180 140)
  roosakaspruun # BC8F8F rgb (188 143 143)
  liivapruun # F4A460 rgb (244 164,96)
  kuldvits # DAA520 rgb (218 165,32)
  Peruu # CD853F rgb (205 133,63)
  šokolaad # D2691E rgb (210 105,30)
  sadulapruun # 8B4513 rgb (139,69,19)
  sienna # A0522D rgb (160,82,45)
  pruun # A52A2A rgb (165,42,42)
  kastanipunane # 800000 rgb (128,0,0)

 

Vaata ka

Advertising

CSS
KIIRED TABELID