https://github.com/kenkyoo/app-colorify

¡Transforma tu pantalla con el color que quieras! Colorify es una aplicación simple pero potente que te permite cambiar el color de fondo de la página de manera dinámica, utilizando nombres de colores, códigos hexadecimales o un selector de color.
https://github.com/kenkyoo/app-colorify

bootstrap color-picker colors css html javascript javascript-vanilla

Last synced: 2 months ago
JSON representation

¡Transforma tu pantalla con el color que quieras! Colorify es una aplicación simple pero potente que te permite cambiar el color de fondo de la página de manera dinámica, utilizando nombres de colores, códigos hexadecimales o un selector de color.

• Host: GitHub
• URL: https://github.com/kenkyoo/app-colorify
• Owner: Kenkyoo
• Created: 2024-11-27T08:58:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-27T09:10:13.000Z (over 1 year ago)
• Last Synced: 2025-09-04T05:53:22.945Z (10 months ago)
• Topics: bootstrap, color-picker, colors, css, html, javascript, javascript-vanilla
• Language: JavaScript
• Homepage: https://kenkyoo.github.io/app-colorify/
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Colorify - Dale Vida a Tu Pantalla

¡Transforma tu pantalla con el color que quieras! Colorify es una aplicación simple pero potente que te permite cambiar el color de fondo de la página de manera dinámica, utilizando nombres de colores, códigos hexadecimales o un selector de color.

Características

    Cambio dinámico de color: Escribe el nombre del color (por ejemplo, red, blue) o el código hexadecimal (#333, #248512) y observa cómo el fondo cambia automáticamente.

    Selector de color: Usa el color picker para seleccionar cualquier color y aplicarlo al fondo.

    Validación de colores: Comprueba si el color ingresado es válido y recibe una alerta si no lo es.

    Favoritos: Guarda tus colores favoritos para reutilizarlos.

    Lista de colores guardados: Haz clic en cualquier color guardado para aplicarlo nuevamente.

    Borrar favoritos: Limpia la lista de colores guardados fácilmente.

Tecnologías Utilizadas

    HTML5

    CSS3

    JavaScript (ES6)

    Bootstrap 5 (para diseño responsivo)

Cómo Usar

    Abrir la aplicación: Clona el repositorio y abre el archivo index.html en tu navegador.

    Selecciona un color:

        Escribe un nombre de color o código hexadecimal en el campo de texto.

        Usa el color picker para elegir un color visualmente.

    Guardar colores favoritos: Haz clic en "Save color" para añadir el color actual a la lista de favoritos.

    Ver y usar colores guardados:

        Los colores guardados se muestran en una lista debajo.

        Haz clic en un color para aplicarlo al fondo.

    Validar un color: Usa el botón "Check" para verificar si el color ingresado es válido.

    Borrar la lista de colores guardados: Haz clic en "Clear".

Contribuciones

Si tienes ideas para mejorar la aplicación, siéntete libre de abrir un issue o enviar un pull request.

Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.