Was ist ein Farbkonverter?
Ein Farbkonverter ist ein Werkzeug, das eine einzelne Farbe nimmt, die in einer Syntax geschrieben ist, und sie in jeder anderen Syntax auf einmal neu ausdrückt Fügen Sie einen HEX-Code wie #4466EE ein und Sie erhalten sofort seine Äquivalente rgb (), hsl (), hwb () und cmyk (), plus das nächste CSS-Farbschlüsselwort Es entfernt die manuelle Arithmetik der Aufteilung von Hex-Paaren, Skalierungskanälen und der Berechnung von Farbton und Sättigung von Hand.
Verschiedene Teile eines Projekts erwarten unterschiedliche Farbformate Browser rendern alles als RGB, CSS-Autoren greifen nach HSL, weil Leichtigkeit im Schwebeflug leicht anzustoßen ist, Druckworkflows CMYK benötigen, und Designübergaben kommen oft als HEX an Ein Konverter hält eine Quellfarbe über alle hinweg konsistent, so dass das Blau in Ihrem Stylesheet das gleiche Blau in Ihrem Markenführer und das gleiche Blau ist, das Ihr Druckanbieter erhält Außerdem akzeptiert er CSS-Farbnamen wie rebeccapurple und übersetzt sie in kopierbare numerische Werte.
Dieser Konverter läuft vollständig in Ihrem Browser Die Farbe, die Sie einfügen, wird mit clientseitigem JavaScript analysiert und konvertiert und verlässt Ihr Gerät nie, daher gibt es keinen Upload, kein Konto und keine Nachverfolgung dessen, was Sie konvertieren. Es funktioniert offline, sobald die Seite geladen wurde, verarbeitet 3-, 6- und 8-stellige HEX-, Komma- und Space-Farbsyntaxen und bewahrt den Alphakanal über die RGBA-, HSLA- und 8-stellige HEXA-Ausgabe.
Um es als Hex-zu-CMYK-Farbkonverter zu verwenden, geben Sie #1E90FF ein und klicken Sie auf Konvertieren: Die CMYK-Zeile liest cmyk (88%, 44%, 0%, 0%), die RGB-Zeile rgb (30, 144, 255) und der CSS-Namen übereinstimmt dodgerblue Als CMYK-zu-Hex-Farbkonverter gibt cmyk (88, 0, 0) #1F8FFF zurück, ein Schritt vom Original in zwei Kanälen, da CMYK in ganzen Prozentsätzen angezeigt wird. Für ein Hex-zu-RBA-4,0-1,0-4,0-1,0-R-1.
CMYK ist die Konvertierung, um mit Vorsicht zu behandeln Im Gegensatz zu HEX, RGB, HSL und HWB, die alle exakte Beschreibungen derselben sRGB-Farbe sind und verlustfrei untereinander konvertieren, beschreibt CMYK Tinte auf Papier und hängt von der Presse, dem Papierbestand und dem verwendeten Farbprofil ab. Die Konvertierung ist hier die standardmäßige geräteunabhängige Näherung, die für eine grobe Idee in Ordnung ist und kein Ersatz für eine profilierte Konvertierung in Druckvorstufensoftware ist Erwarten Sie gesättigte Bildschirmfarben, leuchtende Blau- und Grüntöne, um im Druck unerreichbar zu sein: Sie liegen vollständig außerhalb des CMYK-Spiels und werden schwächer zurückkommen, als sie aussahen.
Wie benutzt man den Farbkonverter?
Geben Sie eine Farbe ein
Geben Sie eine beliebige Farbe ein oder fügen Sie sie ein: einen HEX-Code (#4466EE oder #46E), einen rgb () /rgba () - Wert, einen hsl () /hsla () - Wert, hwb (), cmyk () oder einen CSS-Farbnamen wie Koralle, dann klicken Sie auf Konvertieren.
Lesen Sie jedes Format
Das Tool zeigt HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB und CMYK sowie den genauen oder nächstgelegenen passenden CSS-Farbnamen.
Passen Sie das Alpha bei Bedarf an
Fügen Sie einen Alpha-Wert in Ihre Eingabe ein (rgba (...) oder einen 8-stelligen HEX) und der Konverter überträgt die Opazität in jedes Alpha-fähige Format.
Kopieren Sie das Format, das Sie benötigen
Klicken Sie auf die Kopierschaltfläche neben einer beliebigen Ausgabezeile, um genau diese Zeichenfolge in Ihre Zwischenablage zu kopieren, bereit zum Einfügen in CSS, ein Designtool oder eine Druckspezifikation.
Hauptmerkmale
Jedes Format auf einmal
Ein Eingang erzeugt HEX, HEXA, RGB, RGBA, HSL, HSLA, HWB und CMYK gleichzeitig, sodass Sie nie zweimal konvertieren.
CSS-Namenabgleich
Erkennt ein exaktes CSS-Farbschlüsselwort, wenn eines existiert, und zeigt immer die nächstgelegene benannte Farbe als Referenz an.
Alpha erhalten
Transparenz von rgba () oder einem 8-stelligen HEX fließt unverändert zu jedem alpha-bewussten Ausgabeformat durch.
Eingabe vergeben
Akzeptiert 3, 4, 6 - und 8-stellige HEX, Komma - oder Leerzeichentrennzeichen, Prozentkanäle und moderne Slash-Alpha-Syntax.
Frequently Asked Questions
Related Tools
Color Mixer
Blend two colors with adjustable ratio and blend modes, and build a gradient between them
Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats
Color Shades Generator
Generate tints, shades, and tones from any base color
CSS Filter Generator
Apply blur, brightness, contrast, grayscale, sepia, hue-rotate and more with live sliders and a preview, then copy production-ready CSS filter code.
Comments
0 comments
No comments yet. Be the first to share your thoughts!