توابع رنگ Sass

با استفاده از مدل Red-Green-Blue (RGB) رنگ تنظیم می‌شود.
با استفاده از rgb(red, green, blue) مقدار رنگ RGB تعیین می‌شود.
هر پارامتر تعریف می‌کند که قدرت رنگ، می‌تواند عدد صحیحی بین 0 تا 255 باشد، یا درصدی از 0% تا 100% باشد.

مثال:

rgb(0, 0, 255);
// مانی سیندل، کیوادا می‌باشد، چون پارامتر blue تنظیم شده به بالاترین مقدار (255) است، و سایر پارامترها تنظیم شده به 0 می‌باشند

Red-Green-Blue-Alpha (RGBA) ماڈل کا استعمال سے رنگ سیٹ کرنا۔
RGBA رنگ کا ذکر کا وسیلہ RGB رنگ کا ذکر کا وسیلہ کا ایک توسیع ہے، جس میں alpha چینل ہے - یہ چینل رنگ کی شفافیت کا ذکر کیا جاتا ہے۔
آلفا پارامتر 0.0 (کاملاً شفاف) سے 1.0 (کاملاً غیر شفاف) کے درمیان کا شمار کا ذکر کا ہونا چاہئے۔

مثال:

rgba(0, 0, 255, 0.3); // شفافیت والا نیلا رنگ

Hue-Saturation-Lightness (HSL) ماڈل کا استعمال سے رنگ سیٹ کرنا - یہ رنگ کی ساچئی کارنائی کا نمائندہ ہے۔
Hue (色调) رنگ کی چکر پر کا درجہ (0 سے 360 تک) ہے - 0 یا 360 قرمز، 120 سبز، 240 نیلا ہے
Saturation (ساتی) فیصد کا ذکر کیا جاتا ہے؛ 0% گرائی شاڈو، 100% پورا رنگ ہے۔
Lightness (روشنائی) بھی فیصد کا ذکر کیا جاتا ہے؛ 0% کالام ہے، 100% وہائیٹ ہے۔

مثال:

hsl(120, 100%, 50%); // سبز رنگ
hsl(120, 100%, 75%); // ورد سبز رنگ
hsl(120, 100%, 25%); // گُل سبز رنگ
hsl(120, 60%, 70%); // ورد سبز رنگ

Hue-Saturation-Lightness-Alpha (HSLA) ماڈل کا استعمال سے رنگ سیٹ کرنا۔
HSLA رنگ کا ذکر کا وسیلہ HSL رنگ کا ذکر کا وسیلہ کا ایک توسیع ہے، جس میں alpha چینل ہے - یہ چینل رنگ کی شفافیت کا ذکر کیا جاتا ہے۔
آلفا پارامتر 0.0 (کاملاً شفاف) سے 1.0 (کاملاً غیر شفاف) کے درمیان کا شمار کا ذکر کا ہونا چاہئے۔

مثال:

hsl(120, 100%, 50%, 0.3); // شفافیت والا سبز رنگ
hsl(120, 100%, 75%, 0.3); // شفافیت والا سبز رنگ

رنگ کی ایک اسی روشنائی والی خاکستری سیٹ کرنا۔

مثال:

grayscale(#7fffd4);

نتیجہ: #c6c6c6

رنگ کا کمپلیمنٹ سیٹ کرنا۔

مثال:

complement(#7fffd4);

نتیجہ: #ff7faa

رنگ کا مکمل مخالف یا منفی رنگ سیٹ کرنا۔
وزنپارامتر چنا ہوتا ہے، وہ 0% سے 100% کے درمیان کا شمار کا ذکر کا ہونا چاہئے۔ مولوًا 100% کا ذکر کیا جاتا ہے。

مثال:

invert(white);

نتیجہ: کالام

0 سے 255 کے درمیان کا شمار کا ذکر سے رنگ کا لال رنگ کا مارک کیا جاتا ہے。

مثال:

red(#7fffd4);

نتیجہ: 127

red(red);

نتایج: 255

0 سے 255 کے درمیان کا شمار کا ذکر سے رنگ کا سبز رنگ کا مارک کیا جاتا ہے。

مثال:

green(#7fffd4);

نتایج: 255

green(blue);

نتایج: 0

با عدد بین 0 تا 255، مقدار آبی رنگ را بازمی‌گرداند.

مثال:

blue(#7fffd4);

نتایج: 212

blue(blue);

نتایج: 255

با عدد بین 0deg تا 360deg، نواختی رنگ را بازمی‌گرداند.

مثال:

hue(#7fffd4);

نتایج: 160deg

با عدد بین 0% تا 100%， رنگدانی HSL رنگ را بازمی‌گرداند.

مثال:

saturation(#7fffd4);

نتایج: 100%

با عدد بین 0% تا 100%， روشنایی HSL رنگ را بازمی‌گرداند.

مثال:

lightness(#7fffd4);

نتایج: 74.9%

با عدد بین 0 تا 1، کانال آلفای رنگ را بازمی‌گرداند.

مثال:

alpha(#7fffd4);

نتایج: 1

با عدد بین 0 تا 1، کانال آلفای رنگ را بازمی‌گرداند.

مثال:

opacity(rgba(127, 255, 212, 0.5));

نتایج: 0.5

رنگ ترکیبی از رنگ 1 و رنگ 2 ایجاد کنید.
وزن پارامترها باید بین 0% و 100% باشند. مقدار پیش‌فرض 50% است.
وزن بیشتر به معنای استفاده بیشتر color1.
وزن کمتر به معنای استفاده بیشتر color2.

با درجه‌ای بین -360 تا 360 درجه، رنگ را تغییر دهید.

مثال:

adjust-hue(#7fffd4, 80deg);

نتایج: #8080ff

یک یا چندین پارامتر را به مقدار مشخص شده تنظیم کنید.
این تابع مقدار مشخص شده را به مقدارهای رنگ موجود اضافه یا کم می‌کند.

مثال:

adjust-color(#7fffd4, blue: 25);

نتایج:

یک یا چندین پارامتر رنگ را به مقدار جدید تنظیم کنید.

مثال:

change-color(#7fffd4, red: 255);

نتایج: #ffffd4

استفاده از کانال آلفا داده شده برای ایجاد رنگ جدید.

مثال:

rgba(#7fffd4, 30%);

نتیجه: rgba(127, 255, 212, 0.3)