function resolveConvertColor(inputColor) {
            // Function for converting a short hex to a full hex
            function shortHexToFullHex(shortHex) {
                return shortHex
                    .split("")
                    .map((char) => char + char)
                    .join("");
            }

            // Function for converting hex to RGB
            function hexToRgb(hex) {
                const r = parseInt(hex.substring(0, 2), 16);
                const g = parseInt(hex.substring(2, 4), 16);
                const b = parseInt(hex.substring(4, 6), 16);
                return {r, g, b};
            }

            // Function for converting RGB to hex
            function rgbToHex(rgb) {
                const rHex = rgb.r.toString(16).padStart(2, "0");
                const gHex = rgb.g.toString(16).padStart(2, "0");
                const bHex = rgb.b.toString(16).padStart(2, "0");
                return (rHex + gHex + bHex).toUpperCase();
            }

            // Function for checking if a color is bright
            function isBrightColor(r, g, b) {
                const brightness = (r * 299 + g * 587 + b * 114) / 1000;
                return brightness > 128;
            }

            // Function for displaying the result and color block
            function displayResult(resultColor, inputColor, rgb, isError = false) {
                let backgroundColor = `white`;
                let textColor = 'black';
                let styleColorResult = "black";

                if (isError) {
                    backgroundColor = `red`;
                    textColor = 'white';
                    styleColorResult = "red";
                }

                const resultColorElement = document.getElementById("result");
                resultColorElement.querySelector('.result-color-out').textContent = resultColor;
                resultColorElement.querySelector('.result-color-in').textContent = inputColor;

                if (rgb) {
                    backgroundColor = `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
                    if (!isBrightColor(rgb.r, rgb.g, rgb.b)) {
                        textColor = "white";
                    }
                }

                document.documentElement.style.setProperty('--color-text-out', styleColorResult);
                document.documentElement.style.setProperty('--color-text-in', textColor);
                document.documentElement.style.setProperty('--color-solved', backgroundColor);
            }

            // Function for displaying an error message
            function displayError(message) {
                displayResult(message, null, null, true);
            }

            // Regular expression for validating the color code format
            const hexRegex = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})*;? *$/;
            const rgbRegex = /^(rgb|RGB)? *\(*(\d{1,3}) *, *(\d{1,3}) *, *(\d{1,3}) *\)* *;? *$/;

            // Function to check if RGB values are valid
            function isValidRgb(r, g, b) {
                return r >= 0 && r <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255;
            }

            // Function to build an RGB object from an RGB string
            function buildRgb() {
                const match = inputColor.match(rgbRegex);
                const r = parseInt(match[2]);
                const g = parseInt(match[3]);
                const b = parseInt(match[4]);

                return {r, g, b};
            }

            // Function to get an RGB string from an RGB object
            function getRgbText(rgb) {
                return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`;
            }

            // Function to get a HEX string from a HEX code
            function getHexText(hex) {
                return `#${hex}`;
            }

            if (!inputColor) {
                displayError("Enter the color!");
            } else if (hexRegex.test(inputColor)) {
                let hex = inputColor.replace("#", "").toUpperCase();
                if (hex.length === 3) {
                    hex = shortHexToFullHex(hex);
                }

                const rgb = hexToRgb(hex);
                displayResult(getRgbText(rgb), getHexText(hex), rgb);
            } else if (rgbRegex.test(inputColor)) {
                const rgb = buildRgb();
                if (!isValidRgb(rgb.r, rgb.g, rgb.b)) {
                    displayError("Invalid RGB values (0-255)!");
                    return;
                }

                const hex = rgbToHex(rgb);
                displayResult(getHexText(hex), getRgbText(rgb), rgb);
            } else {
                displayError("Invalid Color Format!");
            }
        }

        function convertColor() {
            // Get user input
            const inputColor = document.getElementById("inputColor").value;

            resolveConvertColor(inputColor);
        }

        addEventListener( "DOMContentLoaded", () => {
            // Initialize with my best color
            resolveConvertColor('#455A64');
        })