Die Formate oben
Web-Schreibweise: rgb(57, 77, 254), rgba(57, 77, 254, 1) und hsl(234, 99%, 61%), wobei der Farbton in Grad und die anderen beiden in Prozent angegeben sind.
Normierte Kanäle: 0.224, 0.302, 0.996, jedes Byte geteilt durch 255. SwiftUI will Gleitkommazahlen in diesem Bereich, keine Bytes.
Apple-Typen: Color(.sRGB, red: 0.224, green: 0.302, blue: 0.996, opacity: 1) für SwiftUI, UIColor(red: 57/255, ...) für UIKit, NSColor(srgbRed: 57/255, ...) für AppKit.
CSS-Variable und Tailwind: --brand: #394dfe; plus die nächstgelegene Klasse aus der Tailwind-Palette.
Kurzform und Alpha funktionieren beide. Dreistellige Codes werden durch Verdoppeln jeder Ziffer ausgeschrieben, aus #39F wird also #3399FF. Achtstellige Codes hängen ein viertes Paar für Alpha an, wobei das Byte round(Deckkraft x 255) in Hex ist, halbe Deckkraft ist also 80. Hex-Alpha auf einem Hintergrund lässt Text und Kindelemente bei voller Deckkraft, während die CSS-Eigenschaft opacity auch diese verblassen lässt.
Zwei Fallen in der Ausgabe
NSColor hat für jeden Farbraum einen eigenen Konstruktor, und sie erzeugen aus denselben drei Zahlen sichtbar verschiedene Farben auf dem Bildschirm. deviceRed: hängt vom Gerät ab und überspringt ColorSync. srgbRed: legt sRGB fest, und davon gehen Xcode-Asset-Kataloge und Entwurfsdateien aus. Nimm den, und das Eingefügte passt zum Entwurf.
Tailwind hat kein genaues Nachschlagen nach Hex. Zuordner berechnen den wahrnehmbaren CIEDE2000-Abstand zur Palette, und alles unter 2,0 ist für das Auge nicht zu unterscheiden. Tailwind v4 hat seine Standardpalette 2025 in oklch() für den P3-Farbraum neu festgelegt, nimm jede Hex-zu-Tailwind-Antwort also als die nächstgelegene Farbe, nicht als dieselbe.
Auf dem Mac liest Klipto das Format, das du kopiert hast, und bietet die Alternativen in der Einfüge-Vorschau an — ein Hex-Code, eine hsl()-Zeichenkette und ein Swift-Konstruktor ergeben also dieselbe Reihe.
Häufige Fragen
Wie rechne ich Hex von Hand in HSL um?
Rechne zuerst in RGB um und teile dann jeden Kanal durch 255. Die Helligkeit ist (max + min) / 2. Die Sättigung ist (max - min) / (max + min), wenn L höchstens 0,5 ist, und (max - min) / (2 - max - min) darüber. Der Farbton ergibt sich aus dem Kanal mit dem Höchstwert, umgerechnet auf den 360-Grad-Kreis.
Was bedeutet ein achtstelliger Hex-Code?
Das letzte Paar ist Alpha. #394DFE80 ist dasselbe Blau bei ungefähr 50 % Deckkraft. In heutigen Browsern wird es durchgehend unterstützt, in älteren Werkzeugen gar nicht — dort ist rgba() die sicherere Wahl.
Warum sieht meine eingefügte NSColor falsch aus?
Fast immer, weil der Code deviceRed: statt srgbRed: benutzt. Die Zahlen sind gleich, die dargestellte Farbe ist es nicht.
Weiterlesen
Klipto laden und Farben bei jedem Einfügen umrechnen lassen.