¿Qué método de sombreado debería elegir?

El método lineal es ideal para una transición simple, mientras que el espacio de color LAB o HSL ofrecen resultados más naturales y perceptualmente precisos.

¿Puedo obtener los valores en formato RGB?

Sí, al activar la opción 'Mostrar Valores RGB' en la configuración, obtendrás los valores exactos junto a cada sombra generada.

¿Cuántas sombras puedo generar a la vez?

Puedes generar entre 2 y 12 variaciones de sombra dependiendo de tus necesidades de diseño.

¿Es posible incluir el color original en la lista?

Sí, simplemente marca la casilla 'Incluir Color Original' para que el color base aparezca como el primer elemento de tu lista.

¿Qué hace la distribución de pasos exponencial?

La distribución exponencial acelera el oscurecimiento, creando sombras que se vuelven más intensas rápidamente hacia el final de la serie.

Elysia Tools

Navegación

Design

Generador de Sombras de Color

Genere variaciones más oscuras de un color agregando negro, creando sombras ricas para profundidad y contraste en el diseño

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Entradas

Las opciones están agrupadas para que los formularios largos sean más fáciles de revisar.

11 opciones

ContenidoPega o escribe los valores principales.1

Valores de Pasos PersonalizadostextOpcionalValores separados por comas (ej: 0.1,0.3,0.5,0.7,0.9)

AjustesAjusta formatos, rangos, números y modos.5

Color BasecolorObligatorioMétodo de SombraselectOpcionalNúmero de SombrasnumberOpcionalCuántas variaciones de sombra generarIntensidad de SombranumberOpcionalMáxima oscuridad (0.1-1.0)Distribución de PasosselectOpcional

InterruptoresActiva o desactiva comportamientos opcionales.5

Incluir Color OriginalcheckboxOpcionalActivado si está marcadoMostrar Códigos HEXcheckboxOpcionalActivado si está marcadoMostrar Valores RGBcheckboxOpcionalActivado si está marcadoMostrar Valores HSLcheckboxOpcionalActivado si está marcadoGenerar Paleta ExtendidacheckboxOpcionalActivado si está marcado

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Generador de Sombras de Color

Ejecutar esta herramienta

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Paleta de botones para UI

2. Escala de sombras para ilustración

Preguntas frecuentes

Ejemplos de Códigos de Color

Ejemplos de Procesamiento de Imágenes Android Java

Ejemplos de Procesamiento de Imágenes Android Kotlin

Ejemplos de Procesamiento de Imágenes Web Python

Colores Análogos

Generador de Gradiente de Color

Desplazador de Matiz de Color

Aclarar/Oscurecer Color

Generadores de efectos CSS, paletas y tokens de diseno

Herramientas de Diseño de Color y Conversión de Espacios de Color

Herramientas de conversion de espacios de color para web e impresion

Herramientas de auditoria de accesibilidad web y color accesible