Auf einen Blick
- Neun Schreibweisen, in jede Richtung: HEX, RGB, RGBA, HSL, SwiftUI
Color,UIColor,NSColor, CSS-Variable, Tailwind-Klasse. - Kein Eingabeformat einzustellen: die Erkennung liest, was du kopiert hast, auch einen Swift-Initialisierer.
- Läuft dort, wo du einfügst: im Popup, das du ohnehin geöffnet hast, in Xcode, VS Code, Figma oder Slack.
- Offline und lokal zuerst: die Zwischenablage bleibt auf dem Mac, kein Seitenaufruf, keine Anfrage.
- Einmalig $19.99, Gratis-Stufe dabei, Aktualisierungen inklusive.
Jede Schreibweise, in beide Richtungen
Die Erkennung passiert beim Kopieren, nicht beim Einfügen, die Chip-Reihe steht also schon, bevor du das Popup öffnest. Das heißt auch, dass eine Farbe mitten in einer längeren Zeichenkette in Ruhe gelassen wird. Klipto trifft den Wert, nicht ein Stück eines Satzes.
Der Satz ist fest, und das habe ich mit Absicht so gelassen. Neun Formate decken Arbeit mit CSS, Swift und Tailwind ab. Eine Ausklappliste mit vierzig Farbräumen wäre langsamer zu bedienen, als den Wert von Hand zu tippen.
| Format | Dieselbe Farbe |
|---|---|
| HEX | #FF5733 |
| RGB | rgb(255, 87, 51) |
| RGBA | rgba(255, 87, 51, 1.0) |
| HSL | hsl(11, 100%, 60%) |
| SwiftUI Color | Color(red: 1.00, green: 0.34, blue: 0.20) |
| UIColor | UIColor(red: 1.00, green: 0.34, blue: 0.20, alpha: 1.0) |
| NSColor | NSColor(red: 1.00, green: 0.34, blue: 0.20, alpha: 1.0) |
| CSS-Variable | --color: #FF5733; |
| Tailwind | text-[#FF5733] |
HEX packt jeden Kanal in zwei Ziffern zur Basis 16, 00 bis FF. RGB schreibt dieselben drei Kanäle als Dezimalzahlen. HSL beschreibt die Farbe stattdessen über Farbton, Sättigung und Helligkeit. Eine Farbe, mehrere Schreibweisen, und der Datei, die du bearbeitest, ist nicht egal, welche du nimmst.
Was die Apple- und Tailwind-Ausgabe wirklich liefert
Der NSColor-Initialisierer hat einen Haken, und ich sage ihn lieber hier. NSColor(red:green:blue:alpha:) baut die Farbe im deviceRGB-Raum. Das ist nicht sRGB, und auf einem Bildschirm mit großem Farbumfang erscheinen dieselben drei Zahlen als sichtbar andere Farbe. Ist dein Projekt farbverwaltet, füge den Initialisierer ein und stell ihn auf NSColor(srgbRed:...) um. Klipto rät nicht, welchen Raum du gemeint hast.
Der Tailwind-Chip liefert die Form mit freiem Wert, text-[#FF5733], mit deinem genauen HEX. Er rastet nicht auf den nächsten Namen der Standardpalette ein. Das ist Absicht. Ein Design-Token ist in der Regel exakt, und #FF5733 still zu orange-500 zu runden, würde die falsche Farbe ausliefern.
Die Chips für SwiftUI und UIKit benutze ich am häufigsten. Color(red:green:blue:) fügt sich direkt in eine View ein, die Kanäle sind schon durch 255 geteilt, es gibt also keine Color(hex:)-Erweiterung, die erneut ins Projekt kopiert werden müsste.
Nichts öffnet sich, nichts wird hochgeladen
Ein Umrechner im Web kostet jedes Mal dieselben fünf Schritte. Kopieren, Tab öffnen, einfügen, Ergebnis kopieren, zurückgehen. Klipto faltet das in das Einfügen, das du ohnehin vorhattest, offline, in jedem Programm. Die Typerkennung treibt auch die Umwandlungen für JSON und Code und den Rest der 22 Inhaltstypen, die Klipto erkennt.
Für einen einzelnen Wert ohne installiertes Programm kannst du es gratis im Browser ausprobieren.