a verde. +Para ver la lista completa de los 140 colores, consulta aquí: https://www.w3schools.com/colors/colors\_names.asp ### Valores RGB -RGB significa "Rojo", "Verde" y "Azul" y también podemos asignar colores escribiendo sus valores RGB en nuestras reglas. Un valor RGB se vería así: rgb (255,0,0), donde cada número define la cantidad de cada color en la mezcla final. +RGB representa "Red", "Green" and "Blue" ("Rojo", "Verde" y "Azul") y también podemos asignar colores escribiendo sus valores RGB en nuestras reglas. Un valor RGB se vería así: rgb (255,0,0), donde cada número define qué cantidad de cada color habrá en el resultado final. -Los valores varían de 0 a 255 y en nuestro ejemplo vemos que solo el primer valor es 255 mientras que los otros dos se establecen en 0. Eso significa que solo hay rojo en nuestro valor y el elemento correspondiente se coloreará en rojo. Un valor RGB de (0, 0, 0) daría negro y un valor de (255, 255, 255) daría blanco. +Los valores van de 0 a 255 y en nuestro ejemplo vemos que solo el primer valor es 255 mientras que los otros dos se establecen en 0. Eso significa que solo hay rojo en nuestro valor y que el elemento correspondiente se coloreará en rojo. Un valor RGB de (0, 0, 0) daría negro y un valor de (255, 255, 255) daría blanco. -Es imposible tratar de memorizar cada código de color y, por ese motivo, existen numerosas herramientas en línea para seleccionar los colores que desea para sus proyectos. Por ejemplo: https://www.w3schools.com/colors/colors\_picker.asp o http://htmlcolorcodes.com/color-picker/. +Es imposible tratar de memorizar cada código de color, por ese motivo, existen numerosas herramientas en línea para seleccionar los colores que se desean para los proyectos. Por ejemplo: https://www.w3schools.com/colors/colors\_picker.asp o http://htmlcolorcodes.com/color-picker/. ```css p { @@ -35,15 +34,15 @@ p { } ``` -Esta regla cambia el color de fuente de todos los elementos p a verde, al igual que arriba. +Esta regla cambia el color de la fuente en todos los elementos
a verde, al igual que arriba. -### Valores hexadecimales +### Valores Hexadecimales -Los valores hexadecimales son otra forma de definir colores en CSS y funcionan de manera muy similar a los valores RGB. +Los valores Hexadecimales son otra forma de definir colores en CSS y funcionan de manera muy similar a los valores RGB. -A un código hexadecimal aleatorio le gustaría esto: `#29432b` , donde los dos primeros caracteres después del hash representan la cantidad de ROJO en la mezcla, los dos segundos representan la cantidad de Verde y los dos últimos representan la cantidad de Azul. +Un código hexadecimal aleatorio se vería así: `#29432b` , donde los dos primeros caracteres después del signo # representan la cantidad de ROJO en la combinación, los dos segundos representan la cantidad de Verde y los dos últimos representan la cantidad de Azul. -Los valores de `#000000` y `#ffffff` representan blanco y negro respectivamente. Puede encontrar los colores hexadecimales específicos que necesita utilizando las mismas herramientas mencionadas para los valores RGB. +Los valores de `#000000` y `#ffffff` representan blanco y negro respectivamente. Se puede encontrar los valores para colores Hexadecimales específicos que se necesitan utilizando las mismas herramientas mencionadas para los valores RGB. ### Sintaxis ``` @@ -52,11 +51,12 @@ p { } ``` -Esta regla vuelve a cambiar el color de fuente de todos los elementos p a verde. +Esta regla de nuevo cambia el color de fuente de todos los elementos
a verde. ### HSL -HSL tiene tres valores. El primero es el **tono** que se mide en grados. Entonces 0 (o 360) representa el color rojo, en 120 es verde y 240 es azul. La segunda es **Saturación,** que tiene un valor de porcentaje con un rango de 0 a 100%. El tercero es **Lightness,** que también tiene un valor de porcentaje con un rango de 0 a 100%. 0% es negro oscuro, 50% promedio, 100% es blanco. +HSL tiene tres valores. +El primero es el **Tono** que se mide en grados. Entonces 0 (o 360) representa el color rojo, en 120 es verde y 240 es azul. El segundo es **Saturación,** que tiene un valor de porcentaje que varía de 0 a 100%. El tercero es **Luminosidad,** que también tiene un valor de porcentaje que varía de 0 a 100%. 0% es negro oscuro, 50% medio, 100% es blanco. ### Sintaxis ``` @@ -69,9 +69,9 @@ p { [JSfiddle](https://jsfiddle.net/qcw2n145/) -### ¿Por qué usar valores RGB o HEX? +### ¿Por qué utilizar valores RGB o HEX? -Los nombres de colores toman solo 140 valores, mientras que los valores RGB y HEX tienen 16,777,216 combinaciones posibles. Entonces, si desea que sus proyectos se vean exactamente como los ha imaginado, debe usar las dos últimas opciones y mantener los valores de los nombres de colores para maquetas y pruebas. +Los nombres de colores abarcan solo 140 valores, mientras que los valores RGB y HEX tienen 16,777,216 combinaciones posibles. Entonces, si se desea que los proyectos luzcan exactamente como se les ha imaginado, se debe utilizar las dos últimas opciones y mantener los valores de nombres de colores para maquetas y pruebas. #### Más información: @@ -79,4 +79,4 @@ Los nombres de colores toman solo 140 valores, mientras que los valores RGB y HE [W3 Draft Documentation](https://drafts.csswg.org/css-color-3/#color) -[MDN | Colores CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/color) \ No newline at end of file +[MDN | Colores CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/color)