PantoneTools

RGB to HSL

Konvertoni vlerat e ngjyrave RGB në HSL për manipulim intuitiv të ngjyrave dhe sisteme dizajni

Ngjyrë, Ngopje, Shkëlqim - modeli intuitiv i ngjyrave për dizajnerët

Konvertuesi i Ngjyrave

RGB Input

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

Klikoni mbi mostrat e ngjyrave për shembuj

HSL Output

hsl(0°, 100%, 50%)

HSL Controls

Nuancë
180° 360°
Ngopja 100%
0% 50% 100%
Lehtësia 50%
0% 50% 100%

hsl(0°, 100%, 50%)

Formate të tjera

RGB Value

rgb(255, 0, 0)

HEX Value

#FF0000

Vlera dhjetore

16711680

Përdorimi i CSS-së

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

Psikologjia e Ngjyrave

Kjo e kuqe e ndezur ka ngopje maksimale dhe ndriçim mesatar, duke krijuar një ngjyrë intensive dhe energjike. E kuqja shoqërohet me pasion, urgjencë dhe emocion në shumicën e kulturave.

Shembuj të Konvertimit

E kuqe e ndezur

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

Green Forest

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

Blu Mbretërore

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

Rozë e butë

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

Vjollcë e thellë

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

Gri e ngrohtë

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

Mjete të rekomanduara

Rreth këtij mjeti

Ky konvertues RGB në HSL lidh dy modele të rëndësishme ngjyrash të përdorura në dizajnin dixhital, duke e bërë më të lehtë punën me ngjyrat në një mënyrë më intuitive.

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:

  • Nuancë: The color itself, represented as a degree (0-360) on a color wheel
  • Ngopja: The intensity or purity of the color (0-100%)
  • Lehtësia: 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.

Pyetje të Shpeshta