Ta treść została automatycznie przetłumaczona z ukraińskiego.
Kolory w formacie HEX najczęściej używane są w HTML, CSS i grafice komputerowej. Ale czasami trzeba je przetłumaczyć na RGB.
Format HEX
Kod HEX koloru składa się z # i sześciu znaków (na przykład, #FF5733). Pierwsze dwa znaki oznaczają intensywność czerwonego, następne dwa — zielonego, ostatnie dwa — niebieskiego.
Jak ręcznie przetłumaczyć HEX na RGB
Kod HEX to liczba szesnastkowa, a w RGB każdy komponent jest reprezentowany w systemie dziesiętnym. Aby przekonwertować HEX na RGB:
-
Podziel kod HEX na trzy części: Na przykład,
#FF5733→FF,57,33. -
Przekonwertuj każdą część na system dziesiętny:
-
FF(czerwony) =255 -
57(zielony) =87 -
33(niebieski) =51
-
-
Uzyskaj wartości RGB:
rgb(255, 87, 51).
Przykład kodu w JavaScript
function hexToRgb(hex) {
hex = hex.replace(/^#/, "");
if (hex.length === 3) {
hex = hex.split("").map(c => c + c).join("");
}
let bigint = parseInt(hex, 16);
return `rgb(${(bigint >> 16) & 255}, ${(bigint >> 8) & 255}, ${bigint & 255})`;
}
console.log(hexToRgb("#FF5733")); // rgb(255, 87, 51)
Konwersja HEX na RGB nie jest skomplikowanym procesem. Wystarczy wiedzieć, że HEX to tylko inny format zapisu koloru, który można łatwo przekonwertować na system dziesiętny. To przydatna umiejętność dla programistów i projektantów stron internetowych.
Mamy osobną stronę, na której możesz przekonwertować HEX na RGB.