ImageColorPicker.com

HEX څخه HSL ته بدلونکی

هر HEX رنګ په HSL بدل کړه — سمدستي او وړیا

#2ECC71

هر رنګ ارزښت دلته پیسټ کړه — موږ ستا لپاره فورمټ تشخیص کوو.

HSL نتیجه
رنګ (Hue)
145°
تشبع (Saturation)
63%
روښانتیا (Lightness)
49%

دا رنګ په ټولو فورمټونو کې

د CMYK پروفایل: Coated FOGRA39 (د Photoshop اصلي تنظیم د اروپا لپاره)

HSL رنګ داسې تشریح کوي لکه څنګه چې خلک یې بیانوي: کوم hue، څومره روښانتیا، څومره رنګینتیا. د HEX کود د HSL ته بدلول چټک لار ده چې رنګ په داسې بڼه واچوې چې ته یې واقعاً تعدیل کولای شې — سپکول، خړول، یا له هغه څخه بشپړ پیمانه جوړول.

د HEX څخه HSL ته د بدلولو څرنګوالی

  1. HEX کود په RGB بدل کړه او هر چینل په 255 وویشه، تر څو ټول درې ارزښتونه د 0 او 1 تر منځ ستاڼې ولري.
  2. د دې درې ارزښتونو تر مینځ تر ټولو لوی او تر ټولو کوچنی پیدا کړه. د دوی اوسط د روښانتیا L دی.
  3. د دوی ترمنځ واټن د رنګ رنګینتیا S ټاکي: د روښانه رنګونو لپاره یې په (2 − max − min) تقسیم کړه، یا د تیاره رنګونو لپاره په (max + min).
  4. هغه چینل چې اعظمي ارزښت لري، hue H ټاکي — سور په 0°، شین په 120°، آبي په 240° — او پاتې دوه چینلونه hue د دې سکتور دننه موقعیت ته ځای په ځای کوي.

یو عملي مثال

HEX #2ECC71=HSL hsl(145, 63%, 49%)

حسابونه دقیق دي، خو HSL معمولا په بشپړو درجې او سلنو کې ګردانېږي. بیرته تبدیل کېدل ښايي یو یا دوه RGB ګامونه لرې پای ته ورسیږي — په عمل کې ناسم لیدل کېږي نه، خو که تکراري ډول رنګونه round-trip کوې نو دا باید په پام کې ولرې.

HEX او HSL تشریح

HEX څه شی دی؟

یو HEX کود شپږ-عددي هیګزادیسیمل شمېره ده چې د رنګ د سور، شین او شیني چینلونه د یو مخکیني # تر شا ذخیره کوي. هر زوج ارقام یو چینل ښيي، د 00 (هیڅ) څخه تر FF (بشپړ) پورې، چې هماغه 16.7 میلیون رنګونه د RGB سره برابروي خو په لنډه نوتیشن کې. HEX په CSS، ډیزاین وسیلو او د برانډ لارښوونو کې ډیفالټ دی.

نحو:
#RRGGBB
حد:
00–FF per channel
د غوره کارونې لپاره:
CSS، د ډیزاین تسلیم، د برانډ لارښوونې

HSL څه شی دی؟

HSL رنګ په تینګې (حوړ) کې ویشي (0–360° د رنګ په څرخ کې)، سېچوریشن (څومره رنګینه، 0–100%) او رڼا (څومره روښانه، 0–100%). ځکه هره برخه د خلکو د رنګ بیانولو سره سمون لري، HSL د ټینټونو، شیډونو او منظم پالېټونو جوړولو لپاره تر ټولو اسانه فورمټ دی — په لاس یا په کود کې.

نحو:
hsl(H, S%, L%)
حد:
0–360°, 0–100%, 0–100%
د غوره کارونې لپاره:
پالېټونه، ټینټونه او شیډونه، موضوع بندي

HEX څخه HSL ته د حوالې جدول

تر ټولو عام CSS رنګونه، له HEX څخه HSL ته بدل شوي.

رنګHEXHSL
black#000000hsl(0, 0%, 0%)
white#FFFFFFhsl(0, 0%, 100%)
red#FF0000hsl(0, 100%, 50%)
lime#00FF00hsl(120, 100%, 50%)
blue#0000FFhsl(240, 100%, 50%)
yellow#FFFF00hsl(60, 100%, 50%)
orange#FFA500hsl(39, 100%, 50%)
teal#008080hsl(180, 100%, 25%)
purple#800080hsl(300, 100%, 25%)
gray#808080hsl(0, 0%, 50%)

نور د رنګ بدلونکي

پرله پسې پوښتنې

HEX کود په RGB بدل کړه او هر چینل په 255 وویشه، تر څو ټول درې ارزښتونه د 0 او 1 تر منځ ستاڼې ولري. د دې درې ارزښتونو تر مینځ تر ټولو لوی او تر ټولو کوچنی پیدا کړه. د دوی اوسط د روښانتیا L دی. د دوی ترمنځ واټن د رنګ رنګینتیا S ټاکي: د روښانه رنګونو لپاره یې په (2 − max − min) تقسیم کړه، یا د تیاره رنګونو لپاره په (max + min). هغه چینل چې اعظمي ارزښت لري، hue H ټاکي — سور په 0°، شین په 120°، آبي په 240° — او پاتې دوه چینلونه hue د دې سکتور دننه موقعیت ته ځای په ځای کوي.

حسابونه دقیق دي، خو HSL معمولا په بشپړو درجې او سلنو کې ګردانېږي. بیرته تبدیل کېدل ښايي یو یا دوه RGB ګامونه لرې پای ته ورسیږي — په عمل کې ناسم لیدل کېږي نه، خو که تکراري ډول رنګونه round-trip کوې نو دا باید په پام کې ولرې.

HSL رنګ په تینګې (حوړ) کې ویشي (0–360° د رنګ په څرخ کې)، سېچوریشن (څومره رنګینه، 0–100%) او رڼا (څومره روښانه، 0–100%). ځکه هره برخه د خلکو د رنګ بیانولو سره سمون لري، HSL د ټینټونو، شیډونو او منظم پالېټونو جوړولو لپاره تر ټولو اسانه فورمټ دی — په لاس یا په کود کې.

هو. د داخلۍ پر څنګ کې د تبادلې تڼۍ تا د HSL څخه HEX ته کنورټر ته بیایي، چې عین ډول کار کوي. دواړه لوري یو شان فورمول کاروي، یوازې په برعکس پلي شوی.

کله چې د رنګونو مشتقاتو ته اړتیا ولرې HSL ته واړوې. H او S ثابت ساتل او یوازې L بدلول درته یو منظم tint او shade پیمانه درکوي، کوم چې په HEX کې په لاس جوړول ډېر ستونزمن دي.