# Farben-Kürzer 6-stellige HEX-Codes zu 3-stelligen Codes kürzen (z.B.: #FFFFFF zu #FFF) > Kanonische Seite: https://elysiatools.com/de/tools/color-shortener - **Kategorie:** Design - **Schlagwörter:** hex, farbe, kürzen, komprimieren, abkürzung, optimieren, css, web, hexadezimal ## Überblick Optimieren Sie Ihre Web-Projekte mit unserem Farben-Kürzer, der 6-stellige HEX-Farbcodes effizient in ihre kompakte 3-stellige Form umwandelt, sofern dies mathematisch möglich ist. ## Eingaben - **HEX-Farben** (textarea): Enter HEX colors, one per line: #FFFFFF #000000 #FF0000 #00FF00 #0000FF #123456 abcdef - **Ausgabeformat** (select) - **Nicht kürzbare Farben anzeigen** (checkbox): Nicht kürzbare Farben mit Gründen einschließen ## Wann verwenden - Beim Aufräumen von CSS-Dateien zur Reduzierung der Dateigröße. - Wenn Sie HEX-Farben in einem einheitlichen, kompakten Format für Ihr Web-Design benötigen. - Zur schnellen Konvertierung von Farblisten aus Grafik-Tools in weboptimierte Kurzschreibweisen. ## Funktionsweise - Geben Sie Ihre 6-stelligen HEX-Farbcodes zeilenweise in das Eingabefeld ein. - Wählen Sie das gewünschte Ausgabeformat, wie z. B. Großschreibung, Kleinschreibung oder ohne Raute. - Aktivieren Sie bei Bedarf die Option, nicht kürzbare Farben mit einer Begründung in der Liste zu behalten. - Klicken Sie auf die Schaltfläche, um die optimierten Farbcodes sofort zu generieren. ## Anwendungsfälle - Minimierung von CSS-Stylesheets für schnellere Ladezeiten. - Standardisierung von Farbpaletten in Web-Projekten. - Bereinigung von exportierten Farbwerten aus Design-Software. ## Häufig gestellte Fragen ### Welche HEX-Farben können gekürzt werden? Nur Farben, bei denen jedes der drei Farbpaare identische Zeichen enthält (z. B. #FFFFFF zu #FFF oder #AABBCC zu #ABC), können gekürzt werden. ### Was passiert mit Farben, die nicht gekürzt werden können? Wenn die Option 'Nicht kürzbare Farben anzeigen' deaktiviert ist, werden diese ignoriert oder unverändert gelassen, je nach Konfiguration. ### Kann ich die Raute (#) vor dem Farbcode entfernen? Ja, wählen Sie im Ausgabeformat die Option 'FFF (no hash)', um die Codes ohne das Raute-Symbol zu erhalten. ### Ist das Tool für CSS-Dateien geeignet? Absolut, die Verwendung von 3-stelligen HEX-Codes ist eine gängige Methode, um CSS-Dateien zu verkleinern und die Lesbarkeit zu verbessern. ### Werden meine Daten auf einem Server gespeichert? Nein, die Verarbeitung erfolgt direkt in Ihrem Browser, Ihre Daten verlassen zu keinem Zeitpunkt Ihr Gerät. ## Ähnliche Tools - [Adobe RGB zu HEX Konverter](https://elysiatools.com/de/tools/adobe-rgb-to-hex-converter): Adobe RGB-Farbwerte in HEX-Format für Webdesign umwandeln - [CMYK zu HEX Konverter](https://elysiatools.com/de/tools/cmyk-to-hex-converter): CMYK-Farbwerte in HEX für die Bildschirmanzeige umwandeln - [Farben-Erweiterer](https://elysiatools.com/de/tools/color-expander): 3-stellige HEX-Codes zu 6-stelligen Codes erweitern (z.B.: #FFF zu #FFFFFF) - [HEX zu Adobe RGB Konverter](https://elysiatools.com/de/tools/hex-to-adobe-rgb-converter): HEX-Farbwerte in Adobe RGB-Format für professionelles Design umwandeln - [HEX zu CMYK Konverter](https://elysiatools.com/de/tools/hex-to-cmyk-converter): HEX-Farbwerte in CMYK für den Druck umwandeln mit Alphakanal-Unterstützung - [HEX zu HSL Konverter](https://elysiatools.com/de/tools/hex-to-hsl-converter): HEX-Farbwerte in HSL für die Bildschirmanzeige umwandeln - [HEX zu HSV Konverter](https://elysiatools.com/de/tools/hex-to-hsv-converter): HEX-Farbwerte in HSV/HSB für Farbmanipulation umwandeln - [HEX zu LAB Konverter](https://elysiatools.com/de/tools/hex-to-lab-converter): HEX-Farbwerte in LAB für Farbverwaltung umwandeln mit Alphakanal-Unterstützung ## Beispiele - [Farbcode-Beispiele](https://elysiatools.com/de/samples/color-code): Sammlung von Farbcodes in verschiedenen Formaten (Hex, RGB, HSL, benannte Farben) für Validierungstests - [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung - [Web Rust Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/web-image-processing-rust): Web Rust Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung - [Web TypeScript Bildverarbeitungsbeispiele](https://elysiatools.com/de/samples/web-image-processing-typescript): Web TypeScript Bildverarbeitungsbeispiele einschließlich Bild-Lesen/Speichern, Skalierung und Formatkonvertierung ## Verwandte Inhalte - [Farbraum-Konvertierung fur Web und Druck](https://elysiatools.com/de/hubs/design-convert): Gebundelte Werkzeuge fur Farbraum-Konvertierung zwischen Web und Druck in einem Hub. - [Generatoren fur CSS-Effekte, Paletten und Design-Tokens](https://elysiatools.com/de/hubs/design-generate): Gebundelte Werkzeuge fur CSS-Visualeffekte, Palettenaufbau und Design-Token-Generierung in einem Hub. - [Tools fuer Web-Accessibility-Audits und lesbare Farbpruefung](https://elysiatools.com/de/hubs/web-accessibility-audits): Pruefen Sie WCAG-Probleme, Screenreader-Reihenfolge, Kontrastfehler, Risiken bei Farbsehschwaechen und zugaengliche Farbwahl in einem Hub fuer Web-Accessibility-Workflows. - [Farbdesign- & Farbraum-Konvertierungswerkzeuge](https://elysiatools.com/de/hubs/color-design-tools): Farbkonverter, Palettengeneratoren, Harmonie-Tools, Barrierefreiheitsprüfer und Farbanpassungswerkzeuge an einem Ort für Designer und Entwickler vergleichen.