توابع رنگی Sass

rânge dar rôye model-e Red-Green-Blue (RGB) set mikonand.
rânge RGB râhe shode az rgb(red, green, blue) dâne mikonand.
hâmâyân-e parâmetre-e hâl-e rânge dâne mikonand, dâne-ye dâstân az 0 tâ 255 mikonand, dâne-ye dâstân az 0% tâ 100% mikonand.

مثال:}

rgb(0, 0, 255);
// darâ-ye sorxid dar ast chun parâmetroye blue set shode ast beârây meyân-e kôchây (255), parâmetre-hâye digar set shode ast be 0

با استفاده از مدل Red-Green-Blue-Alpha (RGBA) رنگ را تنظیم کنید.
مقدار رنگ RGBA یک گسترش از مقدار رنگ RGB است که کانال آلفا دارد - که شفافیت رنگ را مشخص می‌کند.
آلفا پارامترها اعداد بین ۰.۰ (کاملاً شفاف) و ۱.۰ (کاملاً غیرشفاف) هستند.

مثال:}

rgba(0, 0, 255, 0.3); // آبی شفاف

با استفاده از مدل Hue-Saturation-Lightness (HSL) رنگ را تنظیم کنید - که نمای عمودی رنگ است.
Hue (تناوب) درجه‌ای بر روی دایره رنگ است (از ۰ تا ۳۶۰) - ۰ یا ۳۶۰ قرمز، ۱۲۰ سبز و ۲۴۰ آبی.
Saturation (رنگینایی) یک درصد است؛ ۰٪ سایه‌های خاکستری و ۱۰۰٪ رنگ کامل.
Lightness ( روشنایی) نیز یک درصد است؛ ۰٪ سیاه و ۱۰۰٪ سفید.

مثال:}

hsl(120, 100%, 50%); // سبز
hsl(120, 100%, 75%); // سبز روشن
hsl(120, 100%, 25%); // سبز تیره
hsl(120, 60%, 70%); // سبز روشن

با استفاده از مدل Hue-Saturation-Lightness-Alpha (HSLA) رنگ را تنظیم کنید.
مقدار رنگ HSLA یک گسترش از مقدار رنگ HSL است که کانال آلفا دارد - که شفافیت رنگ را مشخص می‌کند.
آلفا پارامترها اعداد بین ۰.۰ (کاملاً شفاف) و ۱.۰ (کاملاً غیرشفاف) هستند.

مثال:}

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

تنظیم رنگ خاکستری با همان روشنایی.

مثال:}

grayscale(#7fffd4);

نتیجه: #c6c6c6

تنظیم رنگ مکمل.

مثال:}

complement(#7fffd4);

نتیجه: #ff7faa

تنظیم رنگ مکمل یا مخالف.
weightپارامترهای انتخابی باید اعداد بین ۰٪ و ۱۰۰٪ باشند. مقدار پیش‌فرض ۱۰۰٪ است.

مثال:}

invert(white);

نتیجه: سیاه

با استفاده از اعداد بین ۰ تا ۲۵۵، مقدار قرمز رنگ را بازمی‌گرداند.

مثال:}

red(#7fffd4);

نتیجه: ۱۲۷

red(red);

نتیجه: 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.
weight پارامترها باید بین 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)