Códigos de colores y nombres CSS.
El código de color puede ser uno de:
Formato hexadecimal: #rrggbb
Formato RGB: rgb (rojo, verde, azul)
Formato de nombre: nombre
Para el color naranja:
Formato hexadecimal: #FFA500
Formato RGB: rgb (255,165,0)
Formato de nombre: naranja
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 principal:
<style>
element { color: code; }
</style>
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>
Vista:
Algún texto ...
Configuración del color de todos los párrafos
<style>
p { color: #FF0000; }
</style>
element { background: code; }
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>
Vista:
Algún texto ...
Configuración del color de fondo de todos los párrafos:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
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>
Vista:
Algún texto ...
Configuración del color del borde de todos los párrafos:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Color | Nombre de color HTML/CSS |
Código hexadecimal #RRGGBB |
Código decimal (R,G,B) |
---|---|---|---|
salmón claro | #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) | |
indiorojo | #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) |
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) |
Color | Nombre de color HTML/CSS |
Código hexadecimal #RRGGBB |
Código decimal (R,G,B) |
---|---|---|---|
amarillo claro | #FFFFE0 | rgb(255,255,224) | |
limonchiffon | #FFFACD | rgb(255,250,205) | |
clarovara de oroamarillo | #FAFAD2 | rgb(250,250,210) | |
Papayawhip | #FFEFD5 | rgb(255,239,213) | |
mocasín | #FFE4B5 | rgb(255,228,181) | |
melocotonero | #FFDAB9 | rgb(255,218,185) | |
vara de oropalido | #EEE8AA | rgb(238,232,170) | |
caqui | #F0E68C | rgb(240,230,140) | |
caqui oscuro | #BDB76B | rgb(189,183,107) | |
amarillo | #FFFF00 | rgb(255,255,0) |
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) | |
medianoprimaveraverde | #00FA9A | rgb(0,250,154) | |
verde claro | #90EE90 | rgb(144,238,144) | |
Verde pálido | #98FB98 | rgb(152,251,152) | |
verdemaroscuro | #8FBC8F | rgb(143,188,143) | |
mediomarverde | #3CB371 | rgb(60,179,113) | |
Mar verde | #2E8B57 | rgb(46,139,87) | |
aceituna | #808000 | rgb(128,128,0) | |
verdeolivaoscuro | #556B2F | rgb(85,107,47) | |
verde oliva | #6B8E23 | rgb(107,142,35) |
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) | |
medio aguamarina | #66CDAA | rgb(102,205,170) | |
turquesa pálido | #AFEEEE | rgb(175,238,238) | |
turquesa | #40E0D0 | RGB (64224208) | |
turquesa medio | #48D1CC | rgb(72,209,204) | |
turquesa oscuro | #00CED1 | rgb(0,206,209) | |
verdemar claro | #20B2AA | rgb(32,178,170) | |
cadeteazul | #5F9EA0 | rgb(95,158,160) | |
cian oscuro | #008B8B | rgb(0,139,139) | |
verde azulado | #008080 | rgb(0,128,128) |
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) | |
azul cieloprofundo | #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) | |
azul medianoche | #191970 | rgb(25,25,112) | |
medioazul pizarra | #7B68EE | rgb(123,104,238) | |
azul pizarra | #6A5ACD | rgb(106,90,205) | |
azul pizarra oscuro | #483D8B | rgb(72,61,139) |
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) | |
morado medio | #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) | |
magenta oscuro | #8B008B | rgb(139,0,139) | |
púrpura | #800080 | rgb(128,0,128) | |
índigo | #4B0082 | rgb(75,0,130) |
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) | |
rojo violeta pálido | #DB7093 | rgb(219,112,147) | |
rojo violeta medio | #C71585 | rgb(199,21,133) |
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) | |
fantasmablanco | #F8F8FF | rgb(248,248,255) | |
humo blanco | #F5F5F5 | rgb(245,245,245) | |
concha | #FFF5EE | rgb(255,245,238) | |
beige | #F5F5DC | rgb(245,245,220) | |
encaje viejo | #FDF5E6 | rgb(253,245,230) | |
floralblanco | #FFFAF0 | rgb(255,250,240) | |
Marfil | #FFFFF0 | rgb(255,255,240) | |
blanco antiguo | #FAEBD7 | rgb(250,235,215) | |
lino | #FAF0E6 | rgb(250,240,230) | |
rubor lavanda | #FFF0F5 | rgb(255,240,245) | |
rosa brumosa | #FFE4E1 | rgb(255,228,225) |
Color | Nombre de color HTML/CSS |
Código hexadecimal #RRGGBB |
Código decimal (R,G,B) |
---|---|---|---|
gananciasboro | #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) | |
tenue gris | #696969 | rgb(105,105,105) | |
lucesgris pizarra | #778899 | rgb(119,136,153) | |
gris pizarra | #708090 | rgb(112,128,144) | |
gris pizarra oscuro | #2F4F4F | rgb(47,79,79) | |
negro | #000000 | rgb(0,0,0) |
Color | Nombre de color HTML/CSS |
Código hexadecimal #RRGGBB |
Código decimal (R,G,B) |
---|---|---|---|
seda de maiz | #FFF8DC | rgb(255,248,220) | |
almendras blanqueadas | #FFEBCD | rgb(255,235,205) | |
sopa de mariscos | #FFE4C4 | RGB (255228196) | |
navajoblanco | #FFDAD | rgb(255,222,173) | |
trigo | #F5DEB3 | RGB (245222179) | |
burlywood | #DEB887 | rgb(222,184,135) | |
broncearse | #D2B48C | rgb(210,180,140) | |
marrón rosado | #BC8F8F | rgb(188,143,143) | |
marrón arena | #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) | |
marron | #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) |
Nuestra herramienta de códigos de color CSS permite a los usuarios crear códigos de color CSS. Algunas de las características destacadas de esta utilidad se explican a continuación.
La interfaz fácil de usar de nuestra herramienta de códigos de color CSS le brinda la facilidad de realizar esta conversión al instante. Ya no necesita adquirir habilidades de programación para códigos de color CSS debido a la simplicidad de esta herramienta.
No necesita pasar por ningún proceso de registro para usar los códigos de color CSS. Con esta utilidad, puede usar la herramienta de códigos de color CSS tantas veces como desee de forma gratuita.
Se puede acceder a estos códigos de color CSS desde cualquier rincón del mundo. No necesita preocuparse por la compatibilidad de esta herramienta en línea, ya que puede usar códigos de color CSS desde cualquier dispositivo. Todo lo que necesita es una conexión a Internet para acceder y utilizar esta herramienta de códigos de color CSS.
Los códigos de color CSS le permiten completar la misma tarea de inmediato. No se le pedirá que siga procedimientos manuales, ya que sus algoritmos automatizados harán el trabajo por usted.
La herramienta de códigos de color CSS funciona perfectamente en todos los sistemas operativos. Ya sea que tenga un dispositivo Mac, iOS, Android, Windows o Linux, puede usar fácilmente esta utilidad en línea sin tener problemas.
No necesita pasar por ningún proceso de registro para usar esta herramienta de códigos de color CSS. Puede usar esta utilidad de forma gratuita y hacer códigos de color CSS ilimitados sin ninguna limitación.
Advertising