RGB to HSL

RGB ფერის მნიშვნელობების HSL-ად გადაყვანა ინტუიციური ფერის მანიპულირებისა და დიზაინის სისტემებისთვის

ელფერი, გაჯერება, სიკაშკაშე - დიზაინერებისთვის ინტუიციური ფერის მოდელი

ფერის გადამყვანი

HSL Output

hsl(0°, 100%, 50%)

HSL Controls

ელფერი 0°

0° 180° 360°

სატურაცია 100%

0% 50% 100%

სიმსუბუქე 50%

0% 50% 100%

hsl(0°, 100%, 50%)

დამატებითი ფორმატები

RGB Value

rgb(255, 0, 0)

HEX Value

#FF0000

ათწილადი მნიშვნელობა

16711680

CSS-ის გამოყენება

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

ფერის ფსიქოლოგია

ამ კაშკაშა წითელ ფერს მაქსიმალური გაჯერება და საშუალო სიმსუბუქე ახასიათებს, რაც ინტენსიურ, ენერგიულ ფერს ქმნის. წითელი ფერი უმეტეს კულტურებში ვნებასთან, აქტუალობასთან და აღელვებასთან ასოცირდება.

კონვერტაციის მაგალითები

მკვეთრი წითელი

RGB 255, 0, 0

HSL 0°, 100%, 50%

HEX #FF0000

ტყის მწვანე

RGB 34, 139, 34

HSL 120°, 61%, 34%

HEX #228B22

სამეფო ლურჯი

RGB 65, 105, 225

HSL 225°, 73%, 56%

HEX #4169E1

ნაზი ვარდისფერი

RGB 255, 192, 203

HSL 350°, 100%, 88%

HEX #FFC0CB

ღრმა იისფერი

RGB 128, 0, 128

HSL 300°, 100%, 25%

HEX #800080

თბილი ნაცრისფერი

RGB 169, 169, 169

HSL 0°, 0%, 66%

HEX #A9A9A9

რეკომენდებული ინსტრუმენტები

HSL to RGB Converter

ციფრული აპლიკაციებისთვის HSL ფერის მნიშვნელობების RGB-ად გადაყვანა

ფერთა პალიტრის გენერატორი

შექმენით ჰარმონიული ფერთა სქემები HSL ფერთა თეორიის გამოყენებით

ფერის ჩრდილის გენერატორი

შექმენით ელფერები, ჩრდილები და ტონები HSL მნიშვნელობების რეგულირებით

ფერების ჰარმონიის მაძიებელი

აღმოაჩინეთ დამატებითი, ანალოგიური და ტრიადული ფერების კომბინაციები

ამ ხელსაწყოს შესახებ

ეს RGB-დან HSL-მდე გადამყვანი აკავშირებს ციფრულ დიზაინში გამოყენებულ ორ მნიშვნელოვან ფერთა მოდელს, რაც აადვილებს ფერებთან მუშაობას უფრო ინტუიციურად.

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:

ელფერი: The color itself, represented as a degree (0-360) on a color wheel
სატურაცია: The intensity or purity of the color (0-100%)
სიმსუბუქე: 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.