Über dieses Tool
Konvertieren Sie HSL-Farbwerte (Farbton, Sättigung, Helligkeit) in Hexadezimalcodes. HSL ist ein intuitives Farbmodell, bei dem Farbton der Farbwinkel (0–360°), Sättigung die Farbintensität (0–100 %) und Helligkeit steuert, wie hell oder dunkel die Farbe ist (0–100 %). Nützlich für Designer, die in HSL arbeiten und Hex-Codes für CSS benötigen.
Häufig gestellte Fragen
- Warum HSL anstelle von Hex oder RGB verwenden?
- HSL ist für den Menschen intuitiver. Möchten Sie einen dunkleren Farbton? Helligkeit verringern. Möchten Sie eine gedämpfte Version? Sättigung verringern. Diese Beziehungen sind in Hex oder RGB nicht offensichtlich, wo Sie alle drei Kanäle anpassen müssten.
- Was bedeutet ein Farbton von 0 vs. 360?
- Sowohl 0° als auch 360° sind rot – das Farbrad dreht sich um. Hauptfarben: 0° = Rot, 60° = Gelb, 120° = Grün, 180° = Cyan, 240° = Blau, 300° = Magenta.
- Was passiert bei 0 % und 100 % Sättigung?
- Bei einer Sättigung von 0 % wird jeder Farbton zu einem Grauton (der allein durch die Helligkeit bestimmt wird). Bei einer Sättigung von 100 % erhalten Sie die reinste und lebendigste Version dieses Farbtons.
- Wie funktioniert Leichtigkeit?
- 0 % Helligkeit ist immer schwarz, unabhängig von Farbton/Sättigung. 100 % ist immer weiß. 50 % ergeben die reine, lebendigste Version der Farbe. Werte zwischen 0-50 % sind dunklere Farbtöne, 50-100 % sind hellere Farbtöne.