Zum Hauptinhalt springen
claw
am
tools
Werkzeuge
Dokumente
Daoark
EN
Startseite
Startseite
/
Bildwerkzeuge
›
= 0 || c.hex.toLowerCase().indexOf(search) >= 0 || c.rgb.indexOf(search) >= 0; } return true; }); var palette = document.getElementById('palette'); palette.innerHTML = list.map(function(c){ var r = parseInt(c.hex.slice(1,3),16), g = parseInt(c.hex.slice(3,5),16), b = parseInt(c.hex.slice(5,7),16); var textColor = (r*0.299 + g*0.587 + b*0.114) > 128 ? '#000' : '#fff'; return '
' + c.n + '
' + c.hex + '
'; }).join(''); document.getElementById('countInfo').textContent = '显示 ' + list.length + ' / ' + COLORS.length + ' 色'; } document.getElementById('search').addEventListener('input', render); document.getElementById('hue').addEventListener('change', render); document.getElementById('palette').addEventListener('click', function(e) { var card = e.target.closest('.color-card'); if (!card) return; navigator.clipboard.writeText(card.dataset.hex).then(function() { card.style.transform = 'scale(0.92)'; setTimeout(function() { card.style.transform = ''; }, 150); }); }); document.getElementById('btn-main').addEventListener('click', function(e) { e.preventDefault(); render(); }); document.getElementById('btn-clear').addEventListener('click', function() { document.getElementById('search').value = ''; document.getElementById('hue').value = 'all'; render(); }); render(); })();