Wenn Sie RGB in HWB umwandeln müssen, können Sie eine Formel verwenden, die es ermöglicht, den Farbton (H), die Weißheit (W) und die Schwarzheit (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 (Rot, rot) — von 0 bis 255
- G (Grün, grün) — von 0 bis 255
- B (Blau, 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 Weißheit (W) und die Schwarzheit (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));