PantoneTools

RGB to HSL

Konvertieren Sie RGB-Farbwerte in HSL für intuitive Farbmanipulation und Designsysteme

Farbton, Sättigung, Helligkeit – das intuitive Farbmodell für Designer

Farbkonverter

RGB Input

255
0 128 255
0
0 128 255
0
0 128 255

Klicken Sie auf die Farbmuster, um Beispiele anzuzeigen

HSL Output

hsl(0°, 100%, 50%)

HSL Controls

Farbton
180° 360°
Sättigung 100%
0% 50% 100%
Leichtigkeit 50%
0% 50% 100%

hsl(0°, 100%, 50%)

Zusätzliche Formate

RGB Value

rgb(255, 0, 0)

HEX Value

#FF0000

Dezimalwert

16711680

CSS-Nutzung

color: hsl(0°, 100%, 50%);

Farbpsychologie

Dieses leuchtende Rot hat eine maximale Sättigung und mittlere Helligkeit und erzeugt so eine intensive, energiegeladene Farbe. Rot wird in den meisten Kulturen mit Leidenschaft, Dringlichkeit und Aufregung assoziiert.

Konvertierungsbeispiele

Leuchtendes Rot

RGB 255, 0, 0
HSL 0°, 100%, 50%
HEX #FF0000

Waldgrün

RGB 34, 139, 34
HSL 120°, 61%, 34%
HEX #228B22

Königsblau

RGB 65, 105, 225
HSL 225°, 73%, 56%
HEX #4169E1

Zartes Rosa

RGB 255, 192, 203
HSL 350°, 100%, 88%
HEX #FFC0CB

Dunkelviolett

RGB 128, 0, 128
HSL 300°, 100%, 25%
HEX #800080

Warmes Grau

RGB 169, 169, 169
HSL 0°, 0%, 66%
HEX #A9A9A9

Empfohlene Werkzeuge

Über dieses Tool

Dieser RGB-zu-HSL-Konverter verbindet zwei wichtige Farbmodelle, die im digitalen Design verwendet werden, und erleichtert so die intuitivere Arbeit mit Farben.

RGB (Red, Green, Blue) is an additive color model where colors are created by combining light. This system is used for digital displays, with each component ranging from 0 to 255.

HSL (Hue, Saturation, Lightness) represents colors in a way that aligns more naturally with human perception:

  • Farbton: The color itself, represented as a degree (0-360) on a color wheel
  • Sättigung: The intensity or purity of the color (0-100%)
  • Leichtigkeit: How light or dark the color is (0-100%)

HSL is particularly valuable for creating color systems and palettes, as it allows for intuitive adjustments. For example, you can easily create tints by reducing saturation or shades by adjusting lightness while maintaining the same hue. This converter provides accurate translations between RGB and HSL, essential for consistent color implementation across digital projects.

Häufig gestellte Fragen