22 lines
1.2 KiB
JavaScript
22 lines
1.2 KiB
JavaScript
|
// ═══════════════════════════════════════════════════════
|
||
|
|
// Color Converter
|
||
|
|
// ═══════════════════════════════════════════════════════
|
||
|
|
async function convertColor() {
|
||
|
|
const color = document.getElementById('colorInput').value.trim();
|
||
|
|
if (!color) return setStatus('colorStatus','error','Enter a color.');
|
||
|
|
const d = await apiPost('/api/color/convert', { color });
|
||
|
|
if (d.success) {
|
||
|
|
document.getElementById('colorPreview').style.background = d.hex;
|
||
|
|
document.getElementById('colorPicker').value = d.hex;
|
||
|
|
const c = document.getElementById('colorResults');
|
||
|
|
c.innerHTML = [
|
||
|
|
['HEX', d.hex], ['RGB', d.rgb], ['HSL', d.hsl]
|
||
|
|
].map(([l, v]) => `<div class="result-row"><div class="label">${l}</div><div class="value" onclick="copyText(this.textContent)">${v}</div></div>`).join('');
|
||
|
|
setStatus('colorStatus','success','Converted ✓');
|
||
|
|
} else setStatus('colorStatus','error', d.error);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Keyboard shortcut
|
||
|
|
document.getElementById('colorInput').addEventListener('keydown', e => { if(e.key==='Enter') convertColor(); });
|
||
|
|
|