Colores Hexadecimales

Selecciona tu color de preferencia y así obtendrás tu código hexadecimal .

Copiar

table { width: 100%; border-collapse: collapse; }

td { width: auto; height: 20px; cursor: pointer; }

#colorCodeRGB, #colorCodeHex { width: 35%; /* Cada campo ocupa el 40% del ancho */ padding: 5px; border: 1px solid #ccc; border-radius: 4px; }

#copyButton { background-color: none; color: white; border: none; border-radius: 4px; padding: 10px 20px; cursor: pointer; }

// Función para mostrar el código RGB y Hexadecimal function mostrarCodigos(color) { document.getElementById('colorCodeRGB').value = color; const hexColor = rgbToHex(color); document.getElementById('colorCodeHex').value = hexColor; }

// Función para convertir RGB a hexadecimal function rgbToHex(rgb) { const values = rgb.match(/\d+/g); return "#" + values.map(val => { const hex = parseInt(val).toString(16); return hex.length === 1 ? "0" + hex : hex; }).join(''); }

// Añade un controlador de clic a todas las celdas de la tabla const cells = document.querySelectorAll('td'); cells.forEach(cell => { cell.addEventListener('click', function() { const color = getComputedStyle(this).backgroundColor; mostrarCodigos(color); }); });

// Agrega un controlador de clic al botón para copiar los códigos const copyButton = document.getElementById('copyButton'); copyButton.addEventListener('click', function() { const rgbCodigo = document.getElementById('colorCodeRGB'); const hexCodigo = document.getElementById('colorCodeHex'); rgbCodigo.select(); document.execCommand('copy'); hexCodigo.select(); document.execCommand('copy'); });

// Función para mostrar el código RGB y Hexadecimal y cambiar el color del botón function mostrarCodigos(color) { document.getElementById('colorCodeRGB').value = color; const hexColor = rgbToHex(color); document.getElementById('colorCodeHex').value = hexColor;

// Cambia el color de fondo del botón al color seleccionado document.getElementById('copyButton').style.backgroundColor = color; }

{ "@context": "http://schema.org", "@type": "BlogPosting", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.aprendizajedigitalinformativo-rd.blogspot.com/p/paleta-de-colores-hexadecimales.html" }, "headline": "Paleta de Colores Hexadecimales","description": "Haz clic en el color de tu preferencia para obtener el código hexadecimal ...","datePublished": "2023-10-27T20:00:00-07:00", "dateModified": "2023-10-27T20:04:16-07:00","image": { "@type": "ImageObject", "url": "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw\u003d\u003d", "width":, "height":},"author": { "@type": "Person", "name": "Aprendizaje Digital Informativo RD" } }

Colores Hexadecimales

Buscar

Sígueme en

Donativos

Etiquetas

Comentarios recientes

Publicaciones destacadas

La didáctica de las matemáticas : Fundamentos teóricos y su importancia en el aprendizaje matemático.

Didáctica General vs Didáctica de las Matemáticas : Explorando sus Principales Diferencias.

Teorías Fundamentales en la Didáctica de las Matemáticas.

Libro de matemática : Ecuaciones Diferenciales de Dennis G. Zill - Novena Edición y su solucionario.