AbraCalc

Hex in normalisiertes RGB umrechnen

Rechnen Sie eine Hex-Farbe in normalisierte RGB-Fließkommawerte (0.0–1.0) für WebGL, GLSL-Shader und 3D-Grafik um.

Von · Geprüft von AbraCalc Methodology Review · 2 Quellen

Dieses Tool auf deiner Seite einbetten
Dieses Tool zitieren

APA

AbraCalc. (2026). Hex in normalisiertes RGB umrechnen [Online calculator]. Retrieved from https://abracalc.com/de/hex-in-normalisiertes-rgb/

BibTeX

@misc{abracalc-hex-in-normalisiertes-rgb, author = {AbraCalc}, title = {Hex in normalisiertes RGB umrechnen}, year = {2026}, howpublished = {\url{https://abracalc.com/de/hex-in-normalisiertes-rgb/}} }

Hat dieses Tool deine Frage beantwortet?

So verwendest du dieses Tool

  1. Geben Sie eine Hex-Farbe ein (z. B. #3a86ff).
  2. Jeder Kanal wird durch 255 geteilt, um einen Float in [0.0, 1.0] zu erhalten.
  3. Fügen Sie die vec3()-Ausgabe direkt in Ihren GLSL-Shader-Code ein.

WebGL, GLSL-Shader und viele 3D-APIs erwarten RGB als Floats in [0, 1]. Geben Sie eine Hex-Farbe ein und erhalten Sie sofort die normalisierte vec3-Darstellung.

Formel

Given a hex color #RRGGBB, each normalized float channel is:

Rn = parseInt(RR, 16) / 255

Gn = parseInt(GG, 16) / 255

Bn = parseInt(BB, 16) / 255

Each result is rounded to 4 decimal places. The GLSL vec3 form is: vec3(Rn, Gn, Bn).

Häufige Fragen

Warum nutzt WebGL den Bereich 0–1?
OpenGL und WebGL arbeiten durchgängig mit normalisierten Gerätekoordinaten. Die Nutzung von 0–1 für Farbkomponenten passt zu diesem Design und vermeidet Integer-Überlauf.
Was ist ein GLSL vec3?
Ein GLSL vec3 ist ein dreikomponentiger Fließkomma-Vektor. In Shadern stellt vec3(r,g,b) eine RGB-Farbe dar.

Quellen und Verweise