Преобразование шестнадцатеричного кода в RGB
Для преобразования шестнадцатеричного цветового кода (с или без префикса #
) в строку RGB следуйте этим шагам:
- Откройте Терминал/SSH и введите
node
, чтобы начать практиковаться в написании кода.
- Используйте оператор побитового сдвига вправо и маскируйте биты с оператором
&
(логическое И).
- Если цветовой код трехзначный, сначала преобразуйте его в шестизначную версию.
- Если вместе с шестизначным шестнадцатеричным кодом указано значение альфа, верните строку
rgba()
.
Вот JavaScript-код для преобразования:
const hexToRGB = (hex) => {
let alpha = false,
h = hex.slice(hex.startsWith("#") ? 1 : 0);
if (h.length === 3) h = [...h].map((x) => x + x).join("");
else if (h.length === 8) alpha = true;
h = parseInt(h, 16);
return (
"rgb" +
(alpha ? "a" : "") +
"(" +
(h >>> (alpha ? 24 : 16)) +
", " +
((h & (alpha ? 0x00ff0000 : 0x00ff00)) >>> (alpha ? 16 : 8)) +
", " +
((h & (alpha ? 0x0000ff00 : 0x0000ff)) >>> (alpha ? 8 : 0)) +
(alpha ? `, ${h & 0x000000ff}` : "") +
")"
);
};
Вы можете использовать функцию hexToRGB
в следующих примерах:
hexToRGB("#27ae60ff"); // 'rgba(39, 174, 96, 255)'
hexToRGB("27ae60"); // 'rgb(39, 174, 96)'
hexToRGB("#fff"); // 'rgb(255, 255, 255)'