Buscador de Colores Descripción
Esta aplicación permite buscar colores desde un archivo de texto (colornames.txt) que contiene miles de nombres de colores y sus códigos HEX. Los usuarios pueden buscar un color por nombre, seleccionarlo para ver sus detalles en un modal, copiar su código HEX y cambiar el fondo de la página al color seleccionado. También incluye una función para elegir un color aleatorio y soporte para scroll infinito. Características
Búsqueda de colores: Encuentra colores por nombre usando una barra de búsqueda.
Visualización de detalles: Muestra información detallada del color seleccionado en un modal.
Copiar código HEX: Permite copiar el código del color al portapapeles.
Cambiar fondo: Cambia el fondo de la página al color seleccionado.
Color aleatorio: Selecciona un color aleatorio al presionar un botón.
Scroll infinito: Carga más colores a medida que se navega hacia abajo en la página.
Tecnologías Utilizadas
Frontend:
HTML5
CSS3 (con Semantic UI)
JavaScript (ES6+)
Librerías:
Semantic UI
jQuery
Estructura del Proyecto
. ├── index.html # Página principal ├── style.css # Estilos personalizados ├── script.js # Lógica principal de la aplicación ├── colornames.txt # Archivo con nombres y códigos HEX de colores
Aquí tienes un README.md para tu aplicación de búsqueda de colores: Buscador de Colores Descripción
Esta aplicación permite buscar colores desde un archivo de texto (colornames.txt) que contiene miles de nombres de colores y sus códigos HEX. Los usuarios pueden buscar un color por nombre, seleccionarlo para ver sus detalles en un modal, copiar su código HEX y cambiar el fondo de la página al color seleccionado. También incluye una función para elegir un color aleatorio y soporte para scroll infinito. Características
Búsqueda de colores: Encuentra colores por nombre usando una barra de búsqueda.
Visualización de detalles: Muestra información detallada del color seleccionado en un modal.
Copiar código HEX: Permite copiar el código del color al portapapeles.
Cambiar fondo: Cambia el fondo de la página al color seleccionado.
Color aleatorio: Selecciona un color aleatorio al presionar un botón.
Scroll infinito: Carga más colores a medida que se navega hacia abajo en la página.
Tecnologías Utilizadas
Frontend:
HTML5
CSS3 (con Semantic UI)
JavaScript (ES6+)
Librerías:
Semantic UI
jQuery
Estructura del Proyecto
. ├── index.html # Página principal ├── style.css # Estilos personalizados ├── script.js # Lógica principal de la aplicación ├── colornames.txt # Archivo con nombres y códigos HEX de colores
Instalación y Uso
Clonar el repositorio:
git clone https://github.com/tu-repositorio/buscador-de-colores.git cd buscador-de-colores
Abrir el archivo HTML: Simplemente abre el archivo index.html en tu navegador favorito.
Agregar el archivo de colores: Asegúrate de que el archivo colornames.txt esté en el mismo directorio que index.html. Este archivo debe seguir el formato:
Nombre del color,HEX del color
Archivo de Ejemplo: colornames.txt
Red,#FF0000 Blue,#0000FF Green,#00FF00 Yellow,#FFFF00 Black,#000000 White,#FFFFFF
Funcionalidades Principales
Búsqueda: Escribe el nombre de un color en la barra de búsqueda para ver resultados sugeridos.
Tabla de colores: Los colores se muestran en una tabla interactiva donde cada fila representa un color.
Seleccionar color: Haz clic en una fila para abrir un modal con información del color y cambiar el fondo de la página.
Color aleatorio: Presiona el botón "Random" para seleccionar un color al azar.
Scroll infinito: La tabla carga más colores a medida que te desplazas hacia abajo.
Contribuciones
¡Las contribuciones son bienvenidas! Si tienes sugerencias, abre un issue o envía un pull request.