Farbkonverter (HEX/RGB/HSL)
Wandeln Sie Farben zwischen den Formaten HEX, RGB und HSL um. Wählen Sie eine Farbe visuell aus oder geben Sie die Werte manuell ein.
#535bebrgb(83, 91, 235)hsl(237, 79%, 62%)Was ist der Farbkonverter (HEX/RGB/HSL)?
HEX, RGB und HSL sind drei Möglichkeiten, dieselbe Farbe auszudrücken. HEX (#RRGGBB) ist die gängigste Schreibweise in CSS und Design-Tools. RGB (rgb(R,G,B)) trennt die Kanäle numerisch. HSL (hsl(H,S%,L%)) ist für Menschen intuitiver: Der Farbton (Hue) ist die Farbe, die Sättigung ist die Intensität und die Helligkeit (Lightness) ist die Leuchtkraft. Verwenden Sie HSL beim Entwerfen von Paletten und konvertieren Sie zu HEX für die Umsetzung.
Häufig gestellte Fragen
Wann sollte ich HSL statt HEX verwenden?▼
Und was ist mit OKLCH und modernen Farbräumen?▼
Verwandte Tools
CSS-Box-Shadow-Generator
Erstellen Sie box-shadow-Werte in CSS auf visuelle Weise. Vorschau in Echtzeit und Kopieren des generierten CSS.
CSS-Verlaufsgenerator
Erstellen Sie lineare und radiale CSS-Verläufe. Wählen Sie die Farben visuell aus und kopieren Sie das generierte CSS.
Cubic-Bezier-Easing-Kurven-Generator
Erstellen Sie cubic-bezier-Easing-Kurven für CSS. Inklusive standardmäßiger Voreinstellungen.
Farbpaletten-Generator
Erzeugen Sie harmonische Farbpaletten aus jeder beliebigen Grundfarbe. Unterstützt komplementäre, analoge, triadische und monochromatische Schemata.
CSS-Border-Radius-Generator
Erstellen Sie komplexe border-radius-Werte in CSS auf visuelle Weise. Unabhängige Steuerung jeder Ecke.
CSS-clamp()-Generator
Erzeugen Sie fluide, responsive CSS-Werte mit clamp(). Skaliert gleichmäßig zwischen Mindest- und Höchstgrößen über die Viewport-Bereiche hinweg.