Los colores RGB en html - Curso de html5 avanzado - Capítulo 4

En este cuarto capítulo empezamos a manejar los colores sobre estilos HTML. Aprenderás a seleccionar hasta 140 colores básicos con su nombre y también a manejar los colores RGB.

Los colores html

html admite ciento cuarenta colores básicos que podemos llamar con un nombre como black, red, blue, etc.

Colores html rojos

Color Nombre Código Hexadecimal Código RGB Código HSL
Crimson #DC143C rgb(220, 20, 60) hsl(348, 83%, 47%)
DarkRed #8B0000 rgb(139, 0, 0) hsl(0, 100%, 27%)
DarkSalmon #E9967A rgb(233, 150, 122) hsl(15, 72%, 70%)
FireBrick #B22222 rgb(178, 34, 34) hsl(0, 68%, 42%)
IndianRed #CD5C5C rgb(205, 92, 92) hsl(0, 53%, 58%)
LightCoral #F08080 rgb(240, 128, 128) hsl(0, 78%, 72%)
LightSalmon #FFA07A rgb(255, 160, 122) hsl(17, 100%, 74%)
Red #FF0000 rgb(255, 0, 0) hsl(0, 100%, 50%)
Salmon #FA8072 rgb(250, 128, 114) hsl(6, 93%, 71%)

Colores html naranjas

Color Nombre Código Hexadecimal Código RGB Código HSL
Coral #FF7F50 rgb(255, 127, 80) hsl(16, 100%, 66%)
DarkOrange #FF8C00 rgb(255, 140, 0) hsl(33, 100%, 50%)
LightSalmon #FFA07A rgb(255, 160, 122) hsl(17, 100%, 74%)
Orange #FFA500 rgb(255, 165, 0) hsl(39, 100%, 50%)
OrangeRed #FF4500 rgb(255, 68, 0) hsl(16, 100%, 50%)
Tomato #FF6347 rgb(255, 99, 71) hsl(9, 100%, 64%)

Colores html rosas

Color Nombre Código Hexadecimal Código RGB Código HSL
DeepPink #FF1493 rgb(255, 20, 147) hsl(328, 100%, 54%)
HotPink #FF69B4 rgb(255, 107, 181) hsl(330, 100%, 71%)
LightPink #FFB6C1 rgb(255, 182, 193) hsl(351, 100%, 86%)
MediumVioletRed #C71585 rgb(199, 21, 133) hsl(322, 81%, 43%)
PaleVioletRed #DB7093 rgb(219, 112, 148) hsl(340, 60%, 65%)
Pink #FFC0CB rgb(255, 194, 204) hsl(350, 100%, 88%)

Capítulos


    Suscríbete a mi canal de YouTube para apoyarme

    Si te ha gustado este curso y crees que el trabajo merece la pena, te agradeceré eternamente que te suscribas a mi canal de YouTube para apoyarme y que pueda seguir haciendo cursos gratuitos.

    Además, si te encanta la programación, tienes un montón más de cursos gratuitos para ver.

    No solo eso, podrás participar enviándome comentarios con tus sugerencias para temas específicos o cursos completos o incluso las dudas que tengas y las intentaré ir resolviendo en los cursos que estén todavía abiertos.


    Comentarios

    Si te quedan dudas sobre el temario, sobre html5, o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.