# Error en el ajusta el matiz de un color

**URL:** <https://forum.freecodecamp.org/t/error-en-el-ajusta-el-matiz-de-un-color/478990>\
**Category:** General\
**Tags:** español\
**Created:** [September 23, 2021, 5:01pm UTC](https://forum.freecodecamp.org/t/error-en-el-ajusta-el-matiz-de-un-color/478990 "2021-09-23T17:01:45Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lmorania](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lmorania/32/233502_2.png) [@lmorania](https://forum.freecodecamp.org/u/lmorania)\
**Post date:** [September 23, 2021, 5:01pm UTC](https://forum.freecodecamp.org/t/error-en-el-ajusta-el-matiz-de-un-color/478990/1 "2021-09-23T17:01:45Z")

</div>

**Cuéntanos qué está pasando:**  
buenas tardes, estoy intentando realizar el desafio. pero me encuentro sin poder validarlo. cuando lo ejecuto me da todo ok menos el mensaje  
El elemento `div` con clase `green` debe tener un `background-color` verde.

alguien podria darse cuenta que estaria haciendo mal ?

```
  **Tu código hasta el momento**

```

```html

<style>
body {
  background-color: #FFFFFF;
}

.green {
  background-color: hsl:(120, 100 %, 50 %);
  background-color: green;
}

.cyan {
  background-color: hsl:(180, 100%, 50%);
  background-color: cyan;
}

.blue {
  background-color: hsl:(240, 100%, 50%);
  background-color: blue;
}

div {
  display: inline-block;
  height: 100px;
  width: 100px;
}
</style>

<div class="green"></div>
<div class="cyan"></div>
<div class="blue"></div>

```

```
  **Información de tu navegador:**

```

El agente de usuario es: `Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:92.0) Gecko/20100101 Firefox/92.0`

**Desafío:** Ajusta el matiz de un color

**Enlaza al desafío:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/espanol/learn/responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color)**
>
> Aprende a programar, ¡GRATIS!

---

<div class="post-metadata">

**Author:** ![kevinSmith](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevinsmith/32/72934_2.png) [@kevinSmith](https://forum.freecodecamp.org/u/kevinSmith)\
**Post date:** [September 23, 2021, 5:32pm UTC](https://forum.freecodecamp.org/t/error-en-el-ajusta-el-matiz-de-un-color/478990/2 "2021-09-23T17:32:06Z")

</div>

You have a couple of issues here.

```auto
.green {
  background-color: hsl:(120, 100 %, 50 %);
  background-color: green;
}

```

First of all, you are defining the background color twice, once with the `hsl` and once with the word `green`. You don’t want the second one, get rid of that line. Fix this with all three classes:

Secondly, you have inserted an unnecessary colon (`:`) there: `hsl:(...`. Get rid to that in all three classes.

Lastly, for the “green” class, you have a space between the number and the percent sign (`%`). Get rid of those extra spaces. I know the description has them, I don’t know why.

When I fix those things, your code passes for me.

---

<div class="post-metadata">

**Author:** ![lmorania](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lmorania/32/233502_2.png) [@lmorania](https://forum.freecodecamp.org/u/lmorania)\
**Post date:** [September 23, 2021, 6:06pm UTC](https://forum.freecodecamp.org/t/error-en-el-ajusta-el-matiz-de-un-color/478990/3 "2021-09-23T18:06:40Z")

</div>

Eres un genio Kevin !  
Gracias por tomarte tu tiempo para ayudarme.  
🙂

---

<div class="post-metadata">

**Author:** ![Judeman](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/judeman/32/239617_2.png) [@Judeman](https://forum.freecodecamp.org/u/Judeman)\
**Post date:** [July 1, 2022, 9:32pm UTC](https://forum.freecodecamp.org/t/error-en-el-ajusta-el-matiz-de-un-color/478990/4 "2022-07-01T21:32:53Z")

</div>

Thank you Kevin, i was stuck there!

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 7, 2025, 3:46pm UTC](https://forum.freecodecamp.org/t/error-en-el-ajusta-el-matiz-de-un-color/478990/5 "2025-01-07T15:46:32Z")

</div>

Closed on January 7, 2025, 3:46pm UTC