Die Rechnung, einmal
39 heißt drei Sechzehner plus neun, also 57. 4D heißt vier Sechzehner plus dreizehn, also 77. FE heißt fünfzehn Sechzehner plus vierzehn, also 254. Rot, Grün, Blau, in dieser Reihenfolge, immer zwei Ziffern je Kanal.
Dreistellige Codes sind eine Kurzform. Jede Ziffer verdoppelt sich, aus #F53 wird also #FF5533. Acht Ziffern heißen, dass hinten ein Alpha-Kanal mitfährt, und #394DFE80 ist dasselbe Blau bei etwa 50 Prozent Deckkraft.
Der kostenlose Weg: die Farbauswahl von macOS
1. Öffne irgendwo ein Farbfeld. TextEdit, Format, Schrift, Farben ist das, wonach ich greife.
2. Wechsel zum Reiter mit den Reglern und wähl RGB-Regler.
3. Tipp den Code in das Feld für die Hex-Farbe.
4. Lies die drei Zahlen an den Reglern ab.
Die Chips, die du siehst, werden beim Kopieren gebaut, nicht beim Einfügen. Klipto liest den Wert in dem Moment, in dem er in der Zwischenablage landet, findet heraus, ob es HEX, rgb(), hsl() oder ein Swift-Konstruktor ist, und hat die anderen Schreibweisen bereit, bevor du das Fenster öffnest.
Die Erkennung greift auf einen Farbwert, nicht auf ein Bruchstück eines Satzes. Ein Hex-Code mitten in einem Absatz Prosa bleibt unangetastet, ein kopierter Änderungseintrag wird also nicht plötzlich zu einer Tailwind-Klasse.
Diese Farbauswahl reicht für einen Wert. Beim vierzigsten reicht sie nicht mehr, denn jede Umrechnung sind vier Klicks und ein Fenster, das du danach schließen musst. Genau das hat mich ermüdet, also habe ich die Umrechnung ins Einfügen selbst gebaut.
Auf dem Weg zu Command-V
Kopier den Code, öffne Klipto mit ⌥⌘V, und die Vorschau zeigt dieselbe Farbe in jeder anderen Schreibweise. Tipp einen Chip an, drück ⌘V, und diese Schreibweise geht in die Datei.
Was herauskommt: rgb(57, 77, 254), rgba(57, 77, 254, 1.0), hsl(234, 99%, 61%), ein SwiftUI-Color(red:green:blue:), UIColor, NSColor, eine eigene CSS-Eigenschaft und eine Tailwind-Klasse mit beliebigem Wert, die deinen genauen Code trägt.
Es läuft in beide Richtungen. Kopier eine hsl()-Zeichenkette oder einen Color(...)-Konstruktor, und du bekommst das Hex zurück. Es gibt kein Eingabeformat anzugeben.
Die Falle: NSColor und Farbräume
NSColor(red:green:blue:alpha:) baut die Farbe in deviceRGB, und das ist nicht sRGB. Auf einem Bildschirm mit weitem Farbraum stellen dieselben drei Zahlen eine sichtbar andere Farbe dar als der Hex-Code, mit dem du angefangen hast. Ändere es zu NSColor(srgbRed:green:blue:alpha:), und es passt.
Klipto fügt die schlichte red:-Form ein und rät nicht am Farbraum deines Projekts herum. Mir ist lieber, ich sage dir von dem Tausch, als an deiner Stelle falsch zu wählen. Der SwiftUI-Chip Color(red:green:blue:) hat dieses Problem in einem gewöhnlichen sRGB-Projekt nicht.
Was ich benutze
Für einen einzelnen Wert die Farbauswahl des Systems. Für einen Wert, den ich in einem Browser ohne Installation brauche, kostenlos im Browser ausprobieren. Für die vierzig Umrechnungen am Tag, die dazugehören, wenn man eine Oberfläche in Swift baut und nebenher eine Website ausliefert, nimmt Kliptos Farbumrechnung beim Einfügen den Hin-und-Rückweg vollständig heraus, offline, in welchem Editor gerade der Fokus liegt.
Eine einfache Zwischenablage-Verwaltung hört beim Verlauf auf und rechnet nichts um, und genau diese Lücke wird hier geschlossen.
Häufige Fragen
Was ist #394DFE in RGB?
rgb(57, 77, 254). Die Paare werden einzeln umgerechnet: 39 ist 57, 4D ist 77, FE ist 254.
Kann macOS einen Hex-Code ohne Programm umrechnen?
Ja. Jede Farbauswahl hat unter den RGB-Reglern ein Feld für die Hex-Farbe. Füg den Code dort ein und lies die RGB-Werte an den Reglern ab.
Was bedeutet ein achtstelliger Hex-Code?
Die letzten beiden Ziffern sind Alpha, von 00 für vollständig durchsichtig bis FF für vollständig deckend. Klipto liest die Formen mit 3, 4, 6 und 8 Stellen.
Warum sieht meine eingefügte NSColor falsch aus?
Sie wurde in deviceRGB statt in sRGB gebaut, und die beiden unterscheiden sich auf Bildschirmen mit weitem Farbraum. Nimm NSColor(srgbRed:...).
Weiterlesen
- Welche Schreibweise wohin gehört · Farbumrechnung bei jedem Einfügen
- Einen Wert kostenlos im Browser umrechnen
- Affinity gegen Adobe, von jemandem, der gewechselt ist
Hör auf, für drei Zahlen einen Tab zu öffnen. Klipto laden.