Можете воспользоваться прекрасным сервисом https://www.thecolorapi.com/
const hexValue = document.querySelector('#hexValue');
const search = document.querySelector('#search');
const result = document.querySelector('#result');
const getColorName = (hexValue) => {
fetch(`https://www.thecolorapi.com/id?hex=${hexValue}`)
.then(res => res.json())
.then(data => {
console.log(data);
result.innerHTML = data.name.value
})
.catch(e => console.log(e.message))
}
search.addEventListener('click', () => getColorName(hexValue.value));
<input id="hexValue">
<button id="search">Search</button>
<p id="result"></p>
Единственная проблема, которую я заметил - это то что при неправильном формате hex
он всё равно пытается что-то да и выдать (например мне выдавал Black
). Так что валидацию надо будет вам самим писать