Oscurecer / aclarar color
Ajusta la luminosidad de cualquier color con un control deslizante y previsualiza tonos más oscuros o más claros al instante, con una tira completa de pasos.
Resultado
#3c83f6
Pasos
Elige un color base y desplaza el control para oscurecerlo o aclararlo ajustando la luminosidad HSL manteniendo intactos el tono y la saturación. Una tira de pasos predefinidos muestra todo el rango de un vistazo, todo calculado al instante en tu navegador.
Cómo usar
- Elige o escribe un color base.
- Desplaza el control a la izquierda para oscurecer o a la derecha para aclarar.
- Copia el código hex resultante o elige un paso de la tira de abajo.
Preguntas frecuentes
- ¿Cómo se ajusta el color?
- La herramienta convierte tu color a HSL y desplaza el valor de luminosidad hacia arriba o hacia abajo según el porcentaje elegido, y luego lo convierte de vuelta a hex.
- ¿Por qué el tono permanece igual?
- Solo se cambia la luminosidad, así que la familia de color subyacente (tono) y la viveza (saturación) se conservan para un tono o matiz de aspecto natural.
- ¿Puedo obtener varios tonos a la vez?
- Sí, la tira de pasos debajo del control muestra nueve ajustes predefinidos del -80 % al +80 % en los que puedes hacer clic para aplicarlos.