PantoneTools

RGB to HSL

Sezgisel renk düzenleme ve tasarım sistemleri için RGB renk değerlerini HSL'ye dönüştürün

Ton, Doygunluk, Parlaklık - tasarımcılar için sezgisel renk modeli

Renk Dönüştürücü

RGB Input

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

Örnekler için renk örneklerine tıklayın

HSL Output

hsl(0°, 100%, 50%)

HSL Controls

Renk tonu
180° 360°
Doygunluk 100%
0% 50% 100%
Hafiflik 50%
0% 50% 100%

hsl(0°, 100%, 50%)

Ek Formatlar

RGB Value

rgb(255, 0, 0)

HEX Value

#FF0000

Ondalık Değer

16711680

CSS Kullanımı

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

Renk Psikolojisi

Bu parlak kırmızı, maksimum doygunluğa ve orta açıklığa sahip olup yoğun ve enerjik bir renk yaratır. Kırmızı, çoğu kültürde tutku, aciliyet ve heyecanla ilişkilendirilir.

Dönüşüm Örnekleri

Canlı Kırmızı

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

Orman Yeşili

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

Kraliyet Mavisi

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

Yumuşak Pembe

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

Derin Mor

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

Sıcak Gri

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

Önerilen Araçlar

Bu Araç Hakkında

Bu RGB'den HSL dönüştürücü, dijital tasarımda kullanılan iki önemli renk modelini birbirine bağlayarak renklerle daha sezgisel bir şekilde çalışmayı kolaylaştırır.

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:

  • Renk tonu: The color itself, represented as a degree (0-360) on a color wheel
  • Doygunluk: The intensity or purity of the color (0-100%)
  • Hafiflik: 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.

Sıkça Sorulan Sorular