# Diseño visual aplicado - Ajusta el matiz de un color

**URL:** <https://forum.freecodecamp.org/t/diseno-visual-aplicado-ajusta-el-matiz-de-un-color/548443>\
**Category:** General\
**Tags:** español\
**Created:** [August 28, 2022, 7:03pm UTC](https://forum.freecodecamp.org/t/diseno-visual-aplicado-ajusta-el-matiz-de-un-color/548443 "2022-08-28T19:03:47Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yorufuertemente](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/yorufuertemente/32/281048_2.png) [@Yorufuertemente](https://forum.freecodecamp.org/u/Yorufuertemente)\
**Post date:** [August 28, 2022, 7:03pm UTC](https://forum.freecodecamp.org/t/diseno-visual-aplicado-ajusta-el-matiz-de-un-color/548443/1 "2022-08-28T19:03:47Z")

</div>

**Cuéntanos qué está pasando:**  
Describe tu problema en detalle aquí.

No entiendo que falla con mi codigo

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

```

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

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

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

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

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36`

**Desafío:** Diseño visual aplicado - 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:** ![jesusMAes](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jesusmaes/32/273372_2.png) [@jesusMAes](https://forum.freecodecamp.org/u/jesusMAes)\
**Post date:** [August 28, 2022, 7:08pm UTC](https://forum.freecodecamp.org/t/diseno-visual-aplicado-ajusta-el-matiz-de-un-color/548443/2 "2022-08-28T19:08:13Z")

</div>

> [@Yorufuertemente](#):
>
> ```auto
> <style>
> body {
> background-color: #FFFFFF;
> }
> 
> .green {
> background-color: hsl(120, 100 %, 50 %);
> }
> 
> .cyan {
> background-color: hsl(180, 100 %, 50 %);
> }
> 
> .blue {
> background-color: hsl(240, 100 %, 50 %);
> }
> 
> div {
> display: inline-block;
> height: 100px;
> width: 100px;
> }
> </style>
> 
> <div class="green"></div>
> <div class="cyan"></div>
> <div class="blue"></div>
> 
> ```

Es solo un pequeño error de formateo, el % debe ir junto al número, sin separarlo con espacio

---

<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/diseno-visual-aplicado-ajusta-el-matiz-de-un-color/548443/3 "2025-01-07T15:46:22Z")

</div>

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