Generador de tonos de color
Genera escalas de claros y oscuros con variables CSS exportables.
El Generador de tonos de color crea escalas de claros y oscuros a partir de un color base, las previsualiza como barra de degradado y exporta propiedades personalizadas CSS listas para usar.
Modo
Cómo usar
- Elige un color base.
- Elige cuántos pasos y si quieres generar claros, oscuros o ambos.
- Copia los colores o las variables CSS.
Preguntas frecuentes
¿Cómo se crean claros y oscuros?
La luminosidad se interpola hacia blanco para los claros y hacia negro para los oscuros.
¿La paleta se puede compartir?
Sí, el color, la cantidad y el modo se guardan en parámetros de consulta de la URL.
Herramientas relacionadas
Generador de paletas de color
Crea paletas de colores armoniosas con modos aleatorio, análogo, complementario y triádico.
Conversor de colores
Convierte colores entre HEX, RGB, HSL y HSV al instante.
Comprobador de contraste de color
Comprueba las relaciones de contraste WCAG para texto e interfaz accesibles.
Simulador de daltonismo
Previsualiza cómo se ven las imágenes con los tipos más comunes de daltonismo.
Generador de degradados de color
Crea degradados lineales CSS con colores y direcciones personalizados.
Buscador de nombres de color
Encuentra el nombre de color CSS más cercano para cualquier valor de color.