Códigos de color CSS

Nombres y códigos de color CSS.

Color CSS

El código de color puede ser uno de los siguientes:

Formato hexadecimal: #rrggbb

Formato RGB: rgb (rojo, verde, azul)

Formato de nombre : nombre

Ejemplo

Para color naranja:

Formato hexadecimal: # FFA500

Formato RGB: rgb (255,165,0)

Formato de nombre: naranja

Configuración del color del elemento

Para elemento específico:

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

Para todos los elementos del mismo tipo. Coloque el código en la etiqueta <style/ en la sección de encabezado:

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

Ejemplo

Establecer el color del texto del párrafo en rojo:

Configuración del color de un párrafo específico:

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

Ver:

Algún texto ...

Establecer el color de todos los párrafos

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

Configuración del color de fondo del elemento

element { background: code; }

Ejemplo

Establecer el color de fondo del párrafo en rojo:

Configuración del color de fondo de un párrafo específico:

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

Ver:

Algún texto ...

Establecer el color de fondo de todos los párrafos:

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

Configuración del color del borde del elemento

element { border-color: topcode rightcode bottomcode leftcode }

Ejemplo

Establecer el color del borde del párrafo en rojo, verde, azul y negro:

Configuración del color del borde de un párrafo específico:

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

Ver:

Algún texto ...

Configuración del color del borde de todos los párrafos:

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

Colores rojos

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  salmón ligero # FFA07A rgb (255,160,122)
  salmón # FA8072 rgb (250,128,114)
  salmón oscuro # E9967A rgb (233,150,122)
  coral claro # F08080 rgb (240,128,128)
  indio rojo # CD5C5C rgb (205,92,92)
  carmesí # DC143C rgb (220,20,60)
  ladrillo refractario # B22222 rgb (178,34,34)
  rojo # FF0000 rgb (255,0,0)
  rojo oscuro # 8B0000 rgb (139,0,0)

Colores naranja

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  coral # FF7F50 rgb (255,127,80)
  tomate # FF6347 rgb (255,99,71)
  rojo naranja # FF4500 rgb (255,69,0)
  oro # FFD700 rgb (255,215,0)
  naranja # FFA500 rgb (255,165,0)
  naranja oscuro # FF8C00 rgb (255,140,0)

Colores amarillos

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  amarillo claro # FFFFE0 rgb (255,255,224)
  gasa de limón #FFFACD rgb (255,250,205)
  dorado claro # FAFAD2 rgb (250,250,210)
  papaya # FFEFD5 rgb (255,239,213)
  mocasín # FFE4B5 rgb (255,228,181)
  melocotón # FFDAB9 rgb (255,218,185)
  varilla de oro pálido # EEE8AA rgb (238,232,170)
  caqui # F0E68C rgb (240,230,140)
  caqui oscuro # BDB76B rgb (189,183,107)
  amarillo # FFFF00 rgb (255,255,0)

Colores verdes

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  verde césped # 7CFC00 rgb (124,252,0)
  monasterio # 7FFF00 rgb (127,255,0)
  verde lima # 32CD32 rgb (50,205,50)
  Lima # 00FF00 RGB (0,255,0)
  bosque verde # 228B22 rgb (34,139,34)
  verde # 008000 rgb (0,128,0)
  verde oscuro # 006400 rgb (0,100,0)
  verde amarillo # ADFF2F rgb (173,255,47)
  amarillo verde # 9ACD32 rgb (154,205,50)
  primavera verde # 00FF7F rgb (0,255,127)
  medio primaveral # 00FA9A rgb (0,250,154)
  verde claro # 90EE90 rgb (144,238,144)
  Verde pálido # 98FB98 rgb (152,251,152)
  verde oscuro # 8FBC8F rgb (143,188,143)
  medio verde # 3CB371 rgb (60,179,113)
  Mar verde # 2E8B57 rgb (46,139,87)
  aceituna # 808000 rgb (128,128,0)
  verde oliva oscuro # 556B2F rgb (85,107,47)
  verde oliva # 6B8E23 rgb (107,142,35)

Colores cian

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  cian claro # E0FFFF rgb (224,255,255)
  cian # 00FFFF rgb (0,255,255)
  agua # 00FFFF rgb (0,255,255)
  aguamarina # 7FFFD4 rgb (127,255,212)
  mediumaquamarine # 66CDAA rgb (102,205,170)
  paleturquesa #AFEEEE rgb (175,238,238)
  turquesa # 40E0D0 rgb (64,224,208)
  medio turquesa # 48D1CC rgb (72,209,204)
  turquesa oscuro # 00CED1 rgb (0,206,209)
  verde claro # 20B2AA rgb (32,178,170)
  cadete azul # 5F9EA0 rgb (95,158,160)
  cian oscuro # 008B8B rgb (0,139,139)
  verde azulado # 008080 rgb (0,128,128)

Colores azules

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  azul pálido # B0E0E6 rgb (176,224,230)
  azul claro # ADD8E6 rgb (173,216,230)
  cielo azul claro # 87CEFA rgb (135,206,250)
  cielo azul # 87CEEB rgb (135,206,235)
  Depskyblue # 00BFFF rgb (0,191,255)
  azul claro # B0C4DE rgb (176,196,222)
  dodgerblue # 1E90FF rgb (30,144,255)
  azul aciano # 6495ED rgb (100,149,237)
  azul acero # 4682B4 rgb (70,130,180)
  azul real # 4169E1 rgb (65,105,225)
  azul # 0000FF rgb (0,0,255)
  azul medio # 0000CD rgb (0,0,205)
  azul oscuro # 00008B rgb (0,0,139)
  Armada # 000080 rgb (0,0,128)
  medianoche azul # 191970 rgb (25,25,112)
  medio pizarra azul # 7B68EE rgb (123,104,238)
  pizarra azul # 6A5ACD rgb (106,90,205)
  azul oscuro # 483D8B rgb (72,61,139)

Colores morados

Color
 Nombre de color HTML / CSS
Código hexadecimal
 #RRGGBB
Código decimal
(R, G, B)
  lavanda # E6E6FA rgb (230,230,250)
  cardo # D8BFD8 rgb (216,191,216)
  ciruela # DDA0DD rgb (221,160,221)
  Violeta # EE82EE rgb (238,130,238)
  orquídea # DA70D6 rgb (218,112,214)
  fucsia # FF00FF rgb (255,0,255)
  magenta # FF00FF rgb (255,0,255)
  orquídea mediana # BA55D3 rgb (186,85,211)
  mediumpurple # 9370DB rgb (147,112,219)
  Violeta Azul # 8A2BE2 rgb (138, 43, 226)
  Violeta oscuro # 9400D3 rgb (148,0,211)
  orquídea oscura # 9932CC rgb (153,50,204)
  darkmagenta # 8B008B rgb (139,0,139)
  púrpura # 800080 rgb (128, 0,128)
  índigo # 4B0082 rgb (75,0,130)

Colores rosados

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  rosado # FFC0CB rgb (255,192,203)
  Rosa claro # FFB6C1 rgb (255,182,193)
  Rosa caliente # FF69B4 rgb (255,105,180)
  Rosa profundo # FF1493 rgb (255,20,147)
  pálido violeta # DB7093 rgb (219,112,147)
  medio violeta # C71585 rgb (199,21,133)

Colores blancos

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  blanco #FFFFFF rgb (255,255,255)
  nieve #FFFAFA rgb (255,250,250)
  gotas de miel # F0FFF0 rgb (240,255,240)
  crema de menta # F5FFFA rgb (245,255,250)
  azur # F0FFFF rgb (240,255,255)
  Alice azul # F0F8FF rgb (240,248,255)
  fantasma blanco # F8F8FF rgb (248,248,255)
  humo blanco # F5F5F5 rgb (245,245,245)
  concha # FFF5EE rgb (255,245,238)
  beige # F5F5DC rgb (245,245,220)
  Oldlace # FDF5E6 rgb (253,245,230)
  blanco floral # FFFAF0 rgb (255,250,240)
  Marfil # FFFFF0 rgb (255,255,240)
  blanco antiguo # FAEBD7 rgb (250,235,215)
  lino # FAF0E6 rgb (250,240,230)
  lavanda rubor # FFF0F5 rgb (255,240,245)
  mistyrose # FFE4E1 rgb (255,228,225)

Colores grises

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  Gainsboro #DCDCDC rgb (220,220,220)
  gris claro # D3D3D3 rgb (211,211,211)
  plata # C0C0C0 rgb (192,192,192)
  gris oscuro # A9A9A9 rgb (169,169,169)
  gris # 808080 rgb (128,128,128)
  dimgray # 696969 rgb (105,105,105)
  luces grises # 778899 rgb (119,136,153)
  gris pizarra # 708090 rgb (112,128,144)
  gris oscuro # 2F4F4F rgb (47,79,79)
  negro # 000000 rgb (0,0,0)

Colores marrones

Color
Nombre de color HTML / CSS
Código hexadecimal
#RRGGBB
Código decimal
(R, G, B)
  seda de maiz # FFF8DC rgb (255,248,220)
  blanchedalmond #FFEBCD rgb (255,235,205)
  sopa de mariscos # FFE4C4 rgb (255,228,196)
  navajowhite #FFDEAD rgb (255,222,173)
  trigo # F5DEB3 rgb (245,222,179)
  burlywood # DEB887 rgb (222,184,135)
  bronceado # D2B48C rgb (210,180,140)
  rosa marrón # BC8F8F rgb (188,143,143)
  marrón arenoso # F4A460 rgb (244,164,96)
  vara de oro # DAA520 rgb (218,165,32)
  Perú # CD853F rgb (205,133,63)
  chocolate # D2691E rgb (210,105,30)
  silla de montar # 8B4513 rgb (139,69,19)
  tierra de siena # A0522D rgb (160,82,45)
  marrón # A52A2A rgb (165,42,42)
  granate # 800000 rgb (128,0,0)

 


Ver también

CSS
MESAS RÁPIDAS