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