как конвертировать цвета из rgb в hex и обратно

Цвета в RGB и HEX представляют собой разные форматы цвета, которые часто используются в веб-разработке. Давайте посмотрим, как выполнить конвертацию в обоих направлениях.

RGB в HEX

Чтобы конвертировать RGB (например, rgb(255, 99, 71)) в HEX, используем формулу:

1. Каждый компонент (R, G, B) преобразуется в шестнадцатеричное число.
2. Формируем строку #RRGGBB.

Пример на JavaScript:

function rgbToHex(r, g, b) {
    return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
}

console.log(rgbToHex(255, 99, 71)); // "#FF6347"

HEX в RGB

Чтобы конвертировать HEX (например, #FF6347) в RGB:

1. Разделите HEX на компоненты: FF, 63, 47.
2. Преобразуйте каждую часть в десятичное число.

Пример на JavaScript:

function hexToRgb(hex) {
    let bigint = parseInt(hex.slice(1), 16);
    let r = (bigint >> 16) & 255;
    let g = (bigint >> 8) & 255;
    let b = bigint & 255;
    return `rgb(${r}, ${g}, ${b})`;
}

console.log(hexToRgb("#FF6347")); // "rgb(255, 99, 71)"