Ограничить тип ввода в текстовом поле

Question

как мне ограничить количество и тип символов, вводимых в текстовое поле в HTML?Это то, что я получил до сих пор:

        <div id="CustomColour">
            Custom Colour Input: #<input type="text" id="ColourInput" name="CustomColour" placeholder="Enter Hex Value" pattern="[a-f, A-F, 0-9]{6}"><br>
            <input type="submit" onclick="fnCustomColour();" id="ColourSubmit" value="Submit">
        </div>

Я хочу ограничить ввод, чтобы вы могли вводить только от a до f, как верхнюю и нижнюю заглавные буквы, так и числовые символы.И хеш-знак.В Интернете я нашел код, который говорит, что нужно использовать pattern="[a-f, A-F, 0-9]{6}", но, похоже, он не работает.

Любая помощь будет оценена