Ta treść została automatycznie przetłumaczona z ukraińskiego.
Kolory w formacie RGB są używane w CSS, grafice komputerowej i programowaniu. Ale czasami trzeba je przetłumaczyć na HEX. Już pisaliśmy o tym jak konwertować HEX na RGB. Teraz rozważymy konwersję w odwrotnym kierunku.
Format RGB
Kod RGB składa się z trzech liczb w zakresie od 0 do 255, które odpowiadają intensywności koloru czerwonego, zielonego i niebieskiego. Na przykład, rgb(255, 87, 51).
Jak ręcznie przetłumaczyć RGB na HEX
-
Podziel RGB na trzy komponenty: Na przykład,
rgb(255, 87, 51)→255,87,51. -
Przetłumacz każdą liczbę na system szesnastkowy:
-
255(czerwony) =FF -
87(zielony) =57 -
51(niebieski) =33
-
-
Uzyskaj wartość HEX:
#FF5733.
Przykład kodu w JavaScript
function rgbToHex(r, g, b) {
return "#" + [r, g, b].map(x => {
let hex = x.toString(16);
return hex.length === 1 ? "0" + hex : hex;
}).join("");
}
console.log(rgbToHex(255, 87, 51)); // #FF5733
Konwersja RGB na HEX nie jest skomplikowanym procesem. Wystarczy przetłumaczyć każdy komponent na system szesnastkowy i połączyć je w jeden ciąg. To przydatna umiejętność dla programistów i projektantów stron internetowych. Mamy osobną stronę, na której możesz konwertować RGB na HEX.