Wenn Sie RGB in HWB umwandeln müssen, können Sie die Formel verwenden, die es ermöglicht, den Farbton (H), die Helligkeit (W) und die Dunkelheit (B) zu erhalten.
Früher haben wir die umgekehrte Umwandlung betrachtet: Wie konvertiert man HWB in RGB?.
RGB-Format
Farben im RGB-Format bestehen aus drei Komponenten:
- R (Red, rot) — von 0 bis 255
- G (Green, grün) — von 0 bis 255
- B (Blue, blau) — von 0 bis 255
Wie man RGB manuell in HWB umwandelt
- Bestimmen Sie den Farbton (H) unter Verwendung der Umwandlung RGB → HSL.
- Berechnen Sie die Helligkeit (W) und die Dunkelheit (B).
Beispielcode in JavaScript
function rgbToHwb(r, g, b) {
r /= 255; g /= 255; b /= 255;
let max = Math.max(r, g, b);
let min = Math.min(r, g, b);
let w = min;
let bComp = 1 - max;
let h = (max === min) ? 0 :
(max === r) ? ((g - b) / (max - min)) * 60 + (g < b ? 360 : 0) :
(max === g) ? ((b - r) / (max - min)) * 60 + 120 :
((r - g) / (max - min)) * 60 + 240;
return [Math.round(h), Math.round(w * 100), Math.round(bComp * 100)];
}
console.log(rgbToHwb(51, 102, 255));