HWB in HEX
HWB in HEX umrechnen, kostenlos und online. Gib einen CSS-Wert hwb() oder einfach drei Zahlen für Farbton, Weiß- und Schwarzanteil ein und du bekommst den sechsstelligen HEX-Code, den Grafikprogramme, E-Mail-Vorlagen und ältere Software erwarten. Alles läuft in deinem Browser.
So wird aus hwb() ein HEX-Code
- 1Tippe hwb(200 30% 20%) oder nur 200 30 20 in „Farbe“
- 2Der HEX-Code erscheint sofort in der großen Zeile
- 3Kopiere ihn mit der Schaltfläche daneben
- Ein HEX-Code wie #4DA2CC
Warum diese Seite
- Reine Zahlen gehen.Auf dieser Seite werden drei Zahlen ohne Klammer als Farbton, Weiß und Schwarz gelesen
- Fehler werden benannt.Bei Weiß über 100 kommt die Meldung „W geht von 0 bis 100.“ statt einer falschen Farbe
- Nichts wird verschickt.Dein Browser rechnet auf deinem eigenen Gerät
Was du tun kannst
- hwb() in HEX umwandeln, zum Beispiel hwb(200 30% 20%) in #4DA2CC
- Den Farbton in Grad schreiben oder mit deg, rad, grad oder turn, etwa hwb(0.5turn 10% 10%)
- Leerzeichen oder Kommas verwenden, mit oder ohne %: hwb(200, 30%, 20%) und 200 30 20 ergeben dasselbe
- Die Farbe im Farbfeld prüfen und RGB, HSL, OKLCH und die übrigen Schreibweisen aus der Liste kopieren
- Eine Farbe stattdessen mit dem Farbwähler aussuchen, das Feld zeigt dann ihren hwb()-Wert
Gut zu wissen
- Ergeben Weiß und Schwarz zusammen 100 % oder mehr, ist die Farbe nach CSS ein Grau. hwb(0 60% 60%) wird zu #808080
- HEX hat 256 Stufen pro Kanal, die Farbe wird also gerundet. Die hwb()-Zeile in der Liste zeigt dann die gerundeten Werte, etwa 30.2% statt 30%
- Ein Alphawert nach einem Schrägstrich wie in hwb(120 20% 30% / 0.5) wird weggelassen. HEX hat hier keine Transparenz
- Weiß und Schwarz gehen von 0 bis 100. Werte außerhalb werden nicht geraten, sondern als Fehler gemeldet
Fragen
Wie rechne ich HWB in HEX um?
Gib den hwb()-Wert ins Feld ein oder drei Zahlen für Farbton, Weiß und Schwarz. Der HEX-Code steht sofort da. Mit der Kopieren-Schaltfläche übernimmst du ihn.
Muss ich die Prozentzeichen schreiben?
Nein. Auf dieser Seite wird 200 30 20 genauso gelesen wie hwb(200 30% 20%). Weiß und Schwarz sind immer Prozentwerte.
Warum kommt bei mir ein Grau heraus?
Weiß und Schwarz erreichen zusammen 100 % oder mehr. Dann bleibt kein Platz für den Farbton, und CSS macht daraus ein Grau im Verhältnis der beiden Anteile.
Ist der HEX-Code genau?
Er ist die nächste 8-Bit-Farbe. HWB kann feinere Stufen ausdrücken als HEX, deshalb wird aus 30 % beim Zurückrechnen 30,2 %.
Weitere Tools in „Web & Code“
Diese Seite gibt es nicht. Such unten oder zieh eine Datei hierher, um das passende Werkzeug zu finden.
Eine Website für jede Dateiaufgabe. Welche ist deine?
Schluss mit dem Hin und Her zwischen Konverter-Websites. Wähle eines von 410+ Tools oder ein Rezept, das mehrere aneinanderreiht.
- Dateien bleiben auf deinem Gerät
- Kein Wasserzeichen
- Funktioniert offline
Datei hierher ziehen
Eine eingefügte Datei geht auch.
oder such ein Tool
Eine App öffnen
Von „uff, diese Datei“ zu erledigt, in drei Schritten.
- Zieh sie rein oder wähl eine Aufgabe
Keine Datei? Such, was du brauchst. Dateien werden auf deinem Gerät verarbeitet, nicht zur Verarbeitung hochgeladen.
- Wähl, was du willst
Kleiner, ein anderes Format, unterschrieben, zusammengefügt. Ein Klick, ohne erst Einstellungen zu studieren.
- Mach ein Rezept daraus
Jede Woche dieselben drei Schritte? Reih sie einmal aneinander und lass beim nächsten Mal dasselbe Rezept laufen.
Ein freigegebener Werkzeugkasten für das ganze Team.
Ob im Büro, auf der Baustelle oder in der Agentur: Teams arbeiten den ganzen Tag mit vertraulichen Dateien. ToolRecipe gibt allen dieselben Werkzeuge und dieselben Rezepte, und die Dateien werden auf dem eigenen Computer jeder Person verarbeitet.
- Dateien werden auf dem Gerät der Mitarbeitenden verarbeitet
- Firmenrezepte, die alle gleich ausführen
- Ein Ort statt zehn Konverter-Seiten