diff --git a/curriculum/challenges/spanish/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.spanish.md index edd20624a7..8cef0f4ae6 100644 --- a/curriculum/challenges/spanish/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.spanish.md +++ b/curriculum/challenges/spanish/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.spanish.md @@ -7,10 +7,10 @@ localeTitle: Ajustar el tono de un color --- ## Description -
Los colores tienen varias características que incluyen matiz, saturación y luminosidad. CSS3 introdujo la propiedad hsl() como una forma alternativa de elegir un color al establecer directamente estas características. Hue es lo que la gente generalmente considera como "color". Si imaginas un espectro de colores comenzando con rojo a la izquierda, moviéndote a través de verde en el medio y azul a la derecha, el tono es donde un color se ajusta a lo largo de esta línea. En hsl() , el tono utiliza un concepto de rueda de color en lugar del espectro, donde el ángulo del color en el círculo se da como un valor entre 0 y 360. La saturación es la cantidad de gris en un color. Un color completamente saturado no tiene gris, y un color mínimamente saturado es casi completamente gris. Esto se da como un porcentaje con 100% completamente saturado. La luminosidad es la cantidad de blanco o negro en un color. Se da un porcentaje que va del 0% (negro) al 100% (blanco), donde el 50% es el color normal. Aquí hay algunos ejemplos de hsl() usar hsl() con colores de luminosidad normal completamente saturados:
Color HSL
rojo hsl (0, 100%, 50%)
amarillo hsl (60, 100%, 50%)
verde hsl (120, 100%, 50%)
cian hsl (180, 100%, 50%)
azul hsl (240, 100%, 50%)
magenta hsl (300, 100%, 50%)
+
Los colores tienen varias características que incluyen matiz, saturación y luminosidad. CSS3 introdujo la propiedad hsl() como una forma alternativa de elegir un color estableciendo directamente estas características. Matiz es lo que la gente generalmente considera como "color". Si imaginas un espectro de colores comenzando con rojo a la izquierda, moviéndote a través de verde en el medio y azul a la derecha, el matiz es donde un color se ajusta a lo largo de esta línea. En hsl() , el matiz utiliza un concepto de rueda de color en lugar del espectro, donde el ángulo del color en el círculo se da como un valor entre 0 y 360. Saturación es la cantidad de gris en un color. Un color completamente saturado no tiene gris, y un color mínimamente saturado es casi completamente gris. Esto se da como un porcentaje con 100% siendo completamente saturado. Luminosidad es la cantidad de blanco o negro en un color. Se da un porcentaje que va del 0% (negro) al 100% (blanco), donde el 50% es el color normal. Aquí hay algunos ejemplos de hsl() usar hsl() con colores de luminosidad normal completamente saturados:
Color HSL
rojo hsl (0, 100%, 50%)
amarillo hsl (60, 100%, 50%)
verde hsl (120, 100%, 50%)
cian hsl (180, 100%, 50%)
azul hsl (240, 100%, 50%)
magenta hsl (300, 100%, 50%)
## Instructions -
Cambie el background-color de background-color de cada elemento div función de los nombres de clase ( green , cyan o blue ) usando hsl() . Los tres deben tener saturación completa y luminosidad normal.
+
Cambie el background-color de cada elemento div en función de los nombres de sus clases ( green , cyan o blue ) usando hsl() . Los tres deben tener saturación completa y luminosidad normal.
## Tests