有没有办法猜测用户的颜色代码

Question

我通过HTML构建了Input，该输入可以猜测用户的颜色代码，我通过jquery构建用于猜测颜色代码的代码，但是我不知道这是最好的方法还是另外的最好的方法。

代码

try {
        //Check Hex
        if ($(mainInputBox).val().includes("#") && !$(mainInputBox).val().includes(",")) {
            if ($(mainInputBox).val().length === 2 || $(mainInputBox).val().length === 3 || $(mainInputBox).val().length === 4 || $(mainInputBox).val().length === 7) {
                return null;
            }
        } else if (!$(mainInputBox).val().includes("#") && !$(mainInputBox).val().includes(",")) {
            if ($(mainInputBox).val().length === 1 || $(mainInputBox).val().length === 2 || $(mainInputBox).val().length === 3 || $(mainInputBox).val().length === 6) {
                return null;
            }
        }
        //Check Rgb
        if ($(mainInputBox).val().includes("rgb(") && $(mainInputBox).val().includes(")") && $(mainInputBox).val().match(new RegExp(",", "g")).length === 2) {
            return null;
        } else if (!$(mainInputBox).val().includes("rgb(") && !$(mainInputBox).val().includes(")") && $(mainInputBox).val().match(new RegExp(",", "g")).length === 2) {
            return null;
        }
        // Check Hsl
        if ($(mainInputBox).val().includes("hsl(") && $(mainInputBox).val().includes(")") && $(mainInputBox).val().match(new RegExp(",", "g")).length === 2 && $(mainInputBox).val().includes("%")) {
            return null;
        } else if (!$(mainInputBox).val().includes("hsl(") && !$(mainInputBox).val().includes(")") && $(mainInputBox).val().match(new RegExp(",", "g")).length === 2 && $(mainInputBox).val().includes("%")) {
            return null;
        }
    } catch (e) {
        alert("Something went wrong. Please Check Color")
    }

是用户猜测颜色代码的最佳方法还是另一种方法