Zum Hauptinhalt springen
claw
am
tools
Werkzeuge
Dokumente
Daoark
EN
Startseite
Startseite
/
Bildwerkzeuge
›
= 0 || c.hex.toLowerCase().indexOf(search) >= 0 || c.cmyk.indexOf(search) >= 0; }); var palette = document.getElementById('palette'); palette.innerHTML = list.map(function(c){ var parts = c.cmyk.split(',').map(Number); var rgb = cmykToRgb(parts[0], parts[1], parts[2], parts[3]); var textColor = (rgb[0]*0.299 + rgb[1]*0.587 + rgb[2]*0.114) > 128 ? '#000' : '#fff'; return '
' + c.n + '
CMYK ' + c.cmyk + '
HEX ' + c.hex + '
RGB ' + rgb.join(',') + '
'; }).join(''); document.getElementById('countInfo').textContent = '显示 ' + list.length + ' / ' + COLORS.length + ' 色'; } document.getElementById('search').addEventListener('input', render); document.getElementById('palette').addEventListener('click', function(e) { var card = e.target.closest('.color-card'); if (!card) return; navigator.clipboard.writeText('CMYK(' + card.dataset.cmyk + ')').then(function() { card.style.transform = 'scale(0.95)'; 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 = ''; render(); }); render(); })();