Является ли строка 16-ричным кодом цвета?
 

Пользователь вводит в поле текст и, если этот текст является кодом цвета, перекрашивает блок в этот цвет, а если нет, выдаёт сообщение типа не правильный код.
Как выполнить проверку порациональнее?

<input id="color" style="font-family:monospace" />
<script>
    color.oninput = function(e) {
        var input = this.value;
        if (/^[0-9a-f]{6}$/.test(input)) {
            this.style.backgroundColor = '#' + input;
            this.style.borderColor = '';
        } else {
            this.style.borderColor = 'red';
            this.style.backgroundColor = '';
        }
    }
</script>

Правда не принимает трехсимвольный код