import * as color from 'onecolor';
|
|
function okClick(e) {
|
let rgb = document.getElementById("rgb");
|
let cmykCode = convertColor(rgb.value);
|
outputCmykCode(cmykCode);
|
}
|
|
function convertColor(rgbCode) {
|
let rgbColor = color(rgbCode);
|
let cyan = (rgbColor.cyan() * 100).toFixed(2) ;
|
let magenta = (rgbColor.magenta() * 100).toFixed(2);
|
let yellow = (rgbColor.yellow() * 100).toFixed(2);
|
let black = (rgbColor.black() * 100).toFixed(2);
|
return `${cyan}/${magenta}/${yellow}/${black}`;
|
}
|
|
function outputCmykCode(cmykCode) {
|
let cmykEle = document.getElementById("cmyk");
|
cmykEle.innerText = cmykCode;
|
}
|
|
document.addEventListener('DOMContentLoaded', () => {
|
document.getElementById("ok").addEventListener("click", okClick);
|
});
|