Códigos de Color HTML

Selector

Convertir

Tabla

Nombres

Tutoriales

Recursos

Nombres de Colores

Los navegadores modernos soportan 140 colores con nombre, que se enumeran a continuación.
Úsalos en el código HTML y CSS por nombre, código Hex o el valor RGB.

Ir a Color

Roja

Rosa

Naranja

Amarilla

Púrpura

Verde

Azul

Marrón

Blanco

Gris

HEX
#FF5733

RGB

255, 87, 51

Nombres de Colores HTML Roja

Color Name Hex Code RGB Code

IndianRed #CD5C5C rgb(205, 92, 92)

LightCoral #F08080 rgb(240, 128, 128)

Salmon #FA8072 rgb(250, 128, 114)

DarkSalmon #E9967A rgb(233, 150, 122)

LightSalmon #FFA07A rgb(255, 160, 122)

Crimson #DC143C rgb(220, 20, 60)

Red #FF0000 rgb(255, 0, 0)

FireBrick #B22222 rgb(178, 34, 34)

DarkRed #8B0000 rgb(139, 0, 0)

Nombres de Colores HTML Rosa

Color Name Hex Code RGB Code

Pink #FFC0CB rgb(255, 192, 203)

LightPink #FFB6C1 rgb(255, 182, 193)

HotPink #FF69B4 rgb(255, 105, 180)

DeepPink #FF1493 rgb(255, 20, 147)

MediumVioletRed #C71585 rgb(199, 21, 133)

PaleVioletRed #DB7093 rgb(219, 112, 147)

Nombres de Colores HTML Naranja

Color Name Hex Code RGB Code

LightSalmon #FFA07A rgb(255, 160, 122)

Coral #FF7F50 rgb(255, 127, 80)

Tomato #FF6347 rgb(255, 99, 71)

OrangeRed #FF4500 rgb(255, 69, 0)

DarkOrange #FF8C00 rgb(255, 140, 0)

Orange #FFA500 rgb(255, 165, 0)

Nombres de Colores HTML Amarilla

Color Name Hex Code RGB Code

Gold #FFD700 rgb(255, 215, 0)

Yellow #FFFF00 rgb(255, 255, 0)

LightYellow #FFFFE0 rgb(255, 255, 224)

LemonChiffon #FFFACD rgb(255, 250, 205)

LightGoldenrodYellow #FAFAD2 rgb(250, 250, 210)

PapayaWhip #FFEFD5 rgb(255, 239, 213)

Moccasin #FFE4B5 rgb(255, 228, 181)

PeachPuff #FFDAB9 rgb(255, 218, 185)

PaleGoldenrod #EEE8AA rgb(238, 232, 170)

Khaki #F0E68C rgb(240, 230, 140)

DarkKhaki #BDB76B rgb(189, 183, 107)

Nombres de Colores HTML Púrpura

Color Name Hex Code RGB Code

Lavender #E6E6FA rgb(230, 230, 250)

Thistle #D8BFD8 rgb(216, 191, 216)

Plum #DDA0DD rgb(221, 160, 221)

Violet #EE82EE rgb(238, 130, 238)

 Orchid #DA70D6 rgb(218, 112, 214)

Fuchsia #FF00FF rgb(255, 0, 255)

Magenta #FF00FF rgb(255, 0, 255)

MediumOrchid #BA55D3 rgb(186, 85, 211)

MediumPurple #9370DB rgb(147, 112, 219)

RebeccaPurple #663399 rgb(102, 51, 153)

BlueViolet #8A2BE2 rgb(138, 43, 226)

DarkViolet #9400D3 rgb(148, 0, 211)

DarkOrchid #9932CC rgb(153, 50, 204)

DarkMagenta #8B008B rgb(139, 0, 139)

Purple #800080 rgb(128, 0, 128)

Indigo #4B0082 rgb(75, 0, 130)

SlateBlue #6A5ACD rgb(106, 90, 205)

DarkSlateBlue #483D8B rgb(72, 61, 139)

MediumSlateBlue #7B68EE rgb(123, 104, 238)

Nombres de Colores HTML Verde

Color Name Hex Code RGB Code

GreenYellow #ADFF2F rgb(173, 255, 47)

Chartreuse #7FFF00 rgb(127, 255, 0)

LawnGreen #7CFC00 rgb(124, 252, 0)

Lime #00FF00 rgb(0, 255, 0)

LimeGreen #32CD32 rgb(50, 205, 50)

PaleGreen #98FB98 rgb(152, 251, 152)

LightGreen #90EE90 rgb(144, 238, 144)

MediumSpringGreen #00FA9A rgb(0, 250, 154)

SpringGreen #00FF7F rgb(0, 255, 127)

MediumSeaGreen #3CB371 rgb(60, 179, 113)

 SeaGreen #2E8B57 rgb(46, 139, 87)

ForestGreen #228B22 rgb(34, 139, 34)

Green #008000 rgb(0, 128, 0)

DarkGreen #006400 rgb(0, 100, 0)

YellowGreen #9ACD32 rgb(154, 205, 50)

OliveDrab #6B8E23 rgb(107, 142, 35)

Olive #808000 rgb(128, 128, 0)

DarkOliveGreen #556B2F rgb(85, 107, 47)

MediumAquamarine #66CDAA rgb(102, 205, 170)

DarkSeaGreen #8FBC8B rgb(143, 188, 139)

LightSeaGreen #20B2AA rgb(32, 178, 170)

DarkCyan #008B8B rgb(0, 139, 139)

Teal #008080 rgb(0, 128, 128)

Nombres de Colores HTML Azul

Color Name Hex Code RGB Code

Aqua #00FFFF rgb(0, 255, 255)

Cyan #00FFFF rgb(0, 255, 255)

LightCyan #E0FFFF rgb(224, 255, 255)

PaleTurquoise #AFEEEE rgb(175, 238, 238)

Aquamarine #7FFFD4 rgb(127, 255, 212)

Turquoise #40E0D0 rgb(64, 224, 208)

MediumTurquoise #48D1CC rgb(72, 209, 204)

DarkTurquoise #00CED1 rgb(0, 206, 209)

CadetBlue #5F9EA0 rgb(95, 158, 160)

SteelBlue #4682B4 rgb(70, 130, 180)

LightSteelBlue #B0C4DE rgb(176, 196, 222)

PowderBlue #B0E0E6 rgb(176, 224, 230)

 LightBlue #ADD8E6 rgb(173, 216, 230)

SkyBlue #87CEEB rgb(135, 206, 235)

LightSkyBlue #87CEFA rgb(135, 206, 250)

DeepSkyBlue #00BFFF rgb(0, 191, 255)

DodgerBlue #1E90FF rgb(30, 144, 255)

CornflowerBlue #6495ED rgb(100, 149, 237)

MediumSlateBlue #7B68EE rgb(123, 104, 238)

RoyalBlue #4169E1 rgb(65, 105, 225)

Blue #0000FF rgb(0, 0, 255)

MediumBlue #0000CD rgb(0, 0, 205)

DarkBlue #00008B rgb(0, 0, 139)

Navy #000080 rgb(0, 0, 128)

MidnightBlue #191970 rgb(25, 25, 112)

Nombres de Colores HTML Marrón

Color Name Hex Code RGB Code

Cornsilk #FFF8DC rgb(255, 248, 220)

BlanchedAlmond #FFEBCD rgb(255, 235, 205)

Bisque #FFE4C4 rgb(255, 228, 196)

NavajoWhite #FFDEAD rgb(255, 222, 173)

Wheat #F5DEB3 rgb(245, 222, 179)

BurlyWood #DEB887 rgb(222, 184, 135)

Tan #D2B48C rgb(210, 180, 140)

RosyBrown #BC8F8F rgb(188, 143, 143)

SandyBrown #F4A460 rgb(244, 164, 96)

Goldenrod #DAA520 rgb(218, 165, 32)

DarkGoldenrod #B8860B rgb(184, 134, 11)

Peru #CD853F rgb(205, 133, 63)

 Chocolate #D2691E rgb(210, 105, 30)

SaddleBrown #8B4513 rgb(139, 69, 19)

Sienna #A0522D rgb(160, 82, 45)

Brown #A52A2A rgb(165, 42, 42)

Maroon #800000 rgb(128, 0, 0)

Nombres de Colores HTML Blanco

Color Name Hex Code RGB Code

White #FFFFFF rgb(255, 255, 255)

Snow #FFFAFA rgb(255, 250, 250)

HoneyDew #F0FFF0 rgb(240, 255, 240)

MintCream #F5FFFA rgb(245, 255, 250)

Azure #F0FFFF rgb(240, 255, 255)

AliceBlue #F0F8FF rgb(240, 248, 255)

GhostWhite #F8F8FF rgb(248, 248, 255)

WhiteSmoke #F5F5F5 rgb(245, 245, 245)

SeaShell #FFF5EE rgb(255, 245, 238)

Beige #F5F5DC rgb(245, 245, 220)

OldLace #FDF5E6 rgb(253, 245, 230)

FloralWhite #FFFAF0 rgb(255, 250, 240)

Ivory #FFFFF0 rgb(255, 255, 240)

AntiqueWhite #FAEBD7 rgb(250, 235, 215)

Linen #FAF0E6 rgb(250, 240, 230)

LavenderBlush #FFF0F5 rgb(255, 240, 245)

MistyRose #FFE4E1 rgb(255, 228, 225)

Nombres de Colores HTML Gris

Color Name Hex Code RGB Code

Gainsboro #DCDCDC rgb(220, 220, 220)

 LightGray #D3D3D3 rgb(211, 211, 211)

Silver #C0C0C0 rgb(192, 192, 192)

DarkGray #A9A9A9 rgb(169, 169, 169)

Gray #808080 rgb(128, 128, 128)

DimGray #696969 rgb(105, 105, 105)

LightSlateGray #778899 rgb(119, 136, 153)

SlateGray #708090 rgb(112, 128, 144)

DarkSlateGray #2F4F4F rgb(47, 79, 79)

Black #000000 rgb(0, 0, 0)

Cómo utilizar nombres de colores HTML

Al igual que los códigos de color Hex , nombres de colores HTML pueden utilizarse con estilos HTML
en línea o en una hoja de estilo CSS.

HTML

<!-- In your HTML document -->

<body>

<h1 style="color:IndianRed">Indian Red Title Text</h1>

<p style="color:SlateGray">Slate gray paragraph text</p>

</body>

CSS

/* In your .css stylesheet */

h1 { color: IndianRed; }

p { color: SlateGray; }

Eso es todo lo que es demasiado! Si desea obtener más información sobre cómo utilizar nombres de
colores HTML y códigos en su sitio web, echar un vistazo a las demás tutoriales adicionales para
iluminación.

Compartir nuestra lista de nombres de colores con tus amigos!

Tweet
 Post

Share

Pin

Códigos de Color HTML

Nombres de Colores

Español

English

Español

Français

中国

Diseñado por

Dixon & Moe

© 2015 – 2023 Privacy Policy

Contacto

Email

Socializar

Google+

Facebook

CodePen

Acerca de
Hemos construido los códigos de color de HTML porque creemos herramientas de diseño debe estar
bien diseñado. Si le gusta la página o si tiene una sugerencia, envíenos un correo electrónico; y
comentarios son muy importantes y siempre bienvenida!

Sitios Socios

Lorem Ipsum

Word Counter

Glyphy

Colofón

Middleman

Highlight.js

ColorJoe.js

ColorHarmony.js

¿Qué es HTML?

Lo primero que debes saber es que HTML (Hyper Text Markup Language / lenguaje de marcado de
hipertexto) no es un lenguaje de programación, aunque aun algunos insistan en el error de decir que
sí lo es. Entonces, ¿qué es HTML?

Su propio nombre nos da la respuesta. HTML es un lenguaje de marcado o de marcas, compuesto por
etiquetas que se emplean para crear la estructura completa de una página web, desde la cabecera
(head) hasta el pie de página (footer).

Este estándar para crear páginas web fue creado en 1990, y en el año 2012 fue lanzada la quinta
revisión del mismo, a la que se conoce como HTML5.

Te puede interesar: Cómo crear una página web gratis y fácil

¿Qué es CSS?

CSS (Cascading Style Sheets / Hojas de estilo en cascada) tampoco es un lenguaje de programación
sino que es una tecnología que se emplea para darle estilo a una página web construida en HTML.

Gracias a CSS se puede hacer una separación entre el contenido y estructura de la web y su parte
visual o estética.

Con esta tecnología, basta con definir en unas cuantas líneas el color, posición, forma, alineación,
márgen… de la plantilla web y los elementos que la conforman, con la posbilidad de añadirlos de
forma masiva.
Dentro del HTML bastará con «llamar» a los estilos para que se apliquen en la página web. Como
resultado, trabajar la parte visual de una web es mucho más fácil y rápido.

Además, si se necesita hacer algún cambio, por ejemplo en el color del texto; basta con ir al
documento CSS, buscar la línea donde se definió y hacer el ajuste. De forma automatica el cambio se
verá en la web sin necesidad de ir línea por línea en el HTML.

Te puede interesar: 6 razones para rediseñar tu página web

¿Qué es JavaScript?

JavaScript (JS) es un lenguaje de programación intepretado (no necesita ser compilado) que permite
añadir nuevas características a una página web, especialmente características relacionadas con la
interactividad con quienes visitan tu página.

Con JavaScript puedes crear formularios, incluir animaciones en 3D, imágenes animadas, mensajes
de alerta… en fin, te permite dotar a tu web de interactividad.

¿Dónde se incluye el código o scripts escritos en JavaScript? Puedes hacerlo de dos formas, ya sea
escribiendo el código directamente en el HTML o creando un archivo aparte (con extensión .js) y
referenciándolo (llamándolo desde el HTML).

Aunque sea más potente que HTML y CSS, lo cierto es que es muy sencillo de aprender y de
implementar, y todos los navegadores web actuales lo soportan.

Libros gratis para aprender HTML, CSS y JavaScript

#1 Curso completo de HTML. Autor: Jorge Ferrer (Descarga)

#2 Guía HTML5. El presente de la web. Autores: John Freddy Vega y Christian Van Der Henst
(Descarga)

#3 Manual del lenguaje de marcación de HTML5. Autores: Miguel Ángel Álvarez, Dairo Galeano y
Jaime Peña Tresancos (Descarga)

#4 HTML5 – Iniciación al diseño web. Autor: Lucía Castillo. (Descarga)

#5 Manual de HTML. Autores: Rubén Álvarez, Miguel Ángel Álvarez y Christian Santalucía. (Descarga)

#6 Curso de HTML5, CSS3 y JS desde cero. Autor: Raúl Jiménez Ortega. (Descarga)

#7 Introducción a CSS. Autor: Javier Eguíluz Pérez (Descarga)

#8 CSS Avanzado. Autor: Javier Eguíluz Pérez (Descarga)

#9 Guía Completa de CSS3. Autor: Antonio Navajas Ojeda (Descarga)

#10 Introducción a JavaScript. Autor: Javier Eguíluz Pérez (Descarga)

#11 Manual de JavaScript. Autor: José Antonio Rodríguez. (Descarga)

#12 CSS3 y JavaScript avanzado. Autor: Jordi Collell Puig (Descarga)

#13 JavaScript, ¡Inspírate!. Autor: Ulises Gascón González (Descarga)

Tipos de lenguajes de programación

1. Lenguajes de bajo nivel

Lenguaje máquina

Este lenguaje de programación es el más antiguo que existe. El lenguaje máquina es el único que
comprenden los ordenadores. Cualquier código redactado mediante lenguajes alternativos debe ser
convertido a lenguaje máquina para que un ordenador pueda leerlo.

El lenguaje máquina se basa en el código binario, es decir, se escribe a base de 0 y 1.Aprender

lenguaje máquina es algo muy complejo y no es útil para la creación de programas o webs. Es por
esto que se han creado los demás lenguajes de bajo nivel, para poder redactar código de manera
sencilla que puede ser convertido en lenguaje máquina a través de un ensamblador.

Lenguaje ensamblador

Los lenguajes de bajo nivel están muy relacionados con el lenguaje máquina. Ambos tipos de
lenguaje tienen como objetivo ser comprendidos por un ordenador. La única diferencia es que los
lenguajes ensambladores están hechos para ser escritos por humanos de manera sencilla. Pese a
esto, tiene que ser traducido por un programa conocido como Ensamblador para que los
ordenadores puedan comprenderlo.

En definitiva, el lenguajes ensamblador tiene las mismas funciones que el lenguajes máquina, pero
está diseñado para poder ser escrito y comprendido con facilidad por los humanos. Los códigos son
mucho más cortos e intuitivos y, además, tienden a ocupar mucho menos memoria.

2. Lenguajes de medio nivel

Los lenguajes de nivel medio tienden a ser clasificados como lenguajes de bajo nivel porque siguen
dependiendo de ensambladores para poder ser comprendidos por los ordenadores. Pese a esto,
permiten llevar a cabo tareas mucho más complejas que los lenguajes de bajo nivel como el uso de
funciones. Aun así, muchas tareas deben ser llevadas a cabo de manera manual, aunque hay que
destacar que permiten los algoritmos de búsqueda y ordenamiento a diferencia de otros lenguajes
de alto nivel.

En ese sentido, los lenguajes de medio nivel están orientados hacia la programación de sistemas, por
lo que no son adecuados para tareas como el diseño web. Los lenguajes de medio nivel más
conocidos son C y C++.

3. Lenguajes de alto nivel

Los lenguajes de alto nivel son los más adaptados al lenguaje humano, por lo que son los más
sencillos de aprender en términos generales. Como los de medio nivel, tienen que ser traducidos a
lenguaje máquina para poder ser ejecutados por un ordenador. Pese a esto, debido a las
modificaciones del lenguaje en relación al código máquina, los ensambladores no son útiles para
esto. Los lenguajes de alto nivel se adaptan al código máquina a través de traductores y
compiladores, dependiendo de si se requiere una ejecución más rápida o menos.

Actualmente, la gran mayoría de lenguajes de programación existentes son de alto nivel, a excepción
de C y C++. A continuación te dejamos los lenguajes de programación más utilizados que existen y
una breve explicación de sus usos.

Los 10 lenguajes de programación más usados

1. C

Es el lenguaje de nivel medio más usado. Esto se debe a que es un lenguaje muy claro e intuitivo una
vez se ha aprendido a usar. El lenguaje C se utiliza esencialmente para el desarrollo de software y la
creación de aplicaciones de escritorio.

2. C++

Es una variante del lenguaje C, con un mayor nivel de desarrollo. Pese a esto, sus funcionalidades
están adaptadas para ser más adecuado para el diseño de aplicaciones y software de mayor
complejidad y, además, permite implementar patrones de diseño en el código. Es por esto que es un
lenguaje muy utilizado en el campo del diseño gráfico.
3. Java

Es el lenguaje más utilizado a nivel global debido a tres factores: su solidez, facilidad de aprendizaje y
redacción y el respaldo de una comunidad muy extensa. Además de esto, es un lenguaje que puede
emplearse para una gran cantidad de tareas: puede usarse para diseño web, tanto Frontend como
Backend, en la creación de aplicaciones móvil, aplicaciones de escritorio, servidores… En definitiva, es
un lenguaje que permite la creación de casi cualquier tipo de software.

4. Python

Python es un lenguaje relativamente moderno y diseñado para ser de propósito general. Puede ser
usado para prácticamente cualquier tarea que requiera un lenguaje de programación. Diseño web,
creación de aplicaciones, bases de datos, automatización de tareas… Es un lenguaje muy versátil que
soporta diferentes paradigmas y plataformas. Además de esto, es uno de los lenguajes más sencillos
de aprender, con una sintaxis muy similar al inglés.

5. JavaScript

Como es de suponer, es una variación del lenguaje Java, y está diseñado para ser utilizado en el
ámbito del diseño web. Una de las características de JavaScript es que es adecuado tanto para el
desarrollo Frontend como Backend. Esto se debe a que permite tanto la relación de la página con
bases de datos y con el servidor como la inserción de elementos interactivos dentro de la página.

6. Visual Basic

Es un lenguaje desarrollado para Microsoft, y tiene como objetivo permitir la creación de

aplicaciones orientadas a Windows. Una de las ventajas de Visual Basic es que su framework más
popular, Visual Studio, permite trabajar de manera simultánea con Visual Basic, Visual C++ y Visual
C#, lo que permite crear aplicaciones de muy alta complejidad en un mismo sitio. Además, es un
lenguaje muy sencillo de aprender, aunque para poder emplear Visual Studio es necesario dominar
también C++ y C#, dos lenguajes mucho más complejos.

7. Go
Go es el lenguaje de programación de Google, y está desarrollado para ser una mezcla de diferentes
lenguajes: tiene una sintaxis muy similar a C, busca ser multiusos como Python pero con un
rendimiento similar al de C++. En definitiva, Google ha tratado de mezclar las partes buenas de tres
lenguajes diferenciados en uno que tiene como objetivo facilitar el desarrollo de aplicaciones web de
alto nivel. Esto se debe a que es un lenguajes muy ligero, por lo que las aplicaciones desarrolladas
con Go tienen un rendimiento muy bueno.

8. Ruby

Ruby es un lenguaje de programación orientado a objetos. Es un lenguaje muy intuitivo (aunque

difícil de aprender) y que evita la duplicidad de código. Es por esto que programar con Ruby una vez
se domina el lenguaje acelera mucho el proceso de programación. Ruby está diseñado para facilitar
la creación de aplicaciones y agilizar el procesamiento de datos en desarrollo Backend.

9. PHP

PHP es un lenguaje orientado hacia el diseño Backend de páginas web. Es muy adecuado porque es
perfectamente compatible con HTML y, además, facilita la conexión entre la interfaz y el servidor de
la página. PHP trabaja únicamente en la parte del servidor y se encarga de dar respuesta a las
peticiones del usuario. Es por esto que cualquier desarrollador Backend necesita dominar PHP.

10. SQL

SQL es un lenguaje diseñado para facilitar la administración de diferentes bases de datos. No sólo
permite conectar determinadas bases de datos con fuentes de datos, sino que también facilita su
organización y actualización. Además de esto, SQL cuenta con la ventaja que puede integrarse dentro
de otros lenguajes de programación, permitiendo añadir funcionalidades en diferentes programas.