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 - ช่องนี้กำหนดความโปร่งใสของสี。
alpha ตัวแปรเป็นตัวเลขระหว่าง 0.0 (ทราบแน่น) และ 1.0 (ไม่ทราบแน่น)。

实例：

rgba(0, 0, 255, 0.3); // สีน้ำเงินที่มีความโปร่งใส

ตั้งค่าสีโดยใช้โมเดล Hue-Saturation-Lightness - และเป็นรูปแบบหลักฐานทางหน้าที่ของสี
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 - กำหนดความโปร่งใสของสี。
alpha ตัวแปรเป็นตัวเลขระหว่าง 0.0 (ทราบแน่น) และ 1.0 (ไม่ทราบแน่น)。

实例：

hsl(120, 100%, 50%, 0.3); // สีเขียวที่มีความโปร่งใส
hsl(120, 100%, 75%, 0.3); // สีเขียวอ่อนที่มีความโปร่งใส

ตั้งค่าสีเทาที่มีความสว่างเหมือนกับสี。

实例：

grayscale(#7fffd4);

ผลลัพธ์: #c6c6c6

ตั้งค่าสีที่เป็นสีตรงข้ามของสี。

实例：

complement(#7fffd4);

ผลลัพธ์: #ff7faa

ตั้งค่าสีเดี่ยวกับสีที่มีความสว่างเดียวกัน。
রঙ 1 এবং রঙ 2-এর মিশ্র রঙ তৈরি করুন。ตัวแปรเป็นตัวเลือกได้ ต้องเป็นตัวเลขระหว่าง 0% และ 100%。ค่าเริ่มต้นคือ 100%。

实例：

invert(white);

ผลลัพธ์: black

0 ถึง 255 ระหว่างตัวเลขเพื่อกลับค่าสีแดง。

实例：

red(#7fffd4);

ผลลัพธ์: 127

red(red);

结果：255

0 ถึง 255 ระหว่างตัวเลขเพื่อกลับค่าสีเขียว。

实例：

green(#7fffd4);

结果：255

green(blue);

结果：0

以 0 到 255 之间的数字返回颜色的蓝色值。

实例：

blue(#7fffd4);

结果：212

blue(blue);

结果：255

green(blue);

实例：

ফলাফল: 0

blue(#7fffd4);

blue(blue);

实例：

ফলাফল: 255

hue(#7fffd4);

saturation(#7fffd4);

实例：

ফলাফল: 100%

lightness(#7fffd4);

opacity(

实例：

alpha(

alpha(#7fffd4);

opacity(

实例：

0 থেকে 1 মধ্যের সংখ্যায় রঙের Alpha চ্যানেল ফেরত দিয়েছে।

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

mix(
রঙ 1 এবং রঙ 2-এর মিশ্র রঙ তৈরি করুন。 weight
প্যারামিটারগুলো 0% থেকে 100% মধ্যে থাকতে হবে। ডিফল্ট মান 50%। বড় ওজনবহন মানে আরও বেশি。
কম ওজনবহন মানে আরও বেশি color2。

কালো 360 ডিগ্রি থেকে 360 ডিগ্রির মধ্যে রঙের হিউমান আলোকমান মাপাকর্ষণ করুন。

实例：

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

ফলাফল: #8080ff

নির্দিষ্ট পরিমাণে একটি বা একাধিক প্যারামিটার মাপাকর্ষণ করুন。
এই ফাংশন মৌজুদ রঙ মানে নির্দিষ্ট পরিমাণ যোগ করে অথবা কমায়。

实例：

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

ফলাফল:

রঙের একটি বা একাধিক প্যারামিটার নতুন মানে সমায়োজিত করুন。

实例：

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

ফলাফল: #ffffd4

দেওয়া alpha চ্যানেল দিয়ে নতুন রঙ তৈরি করুন。

实例：

实例：

rgba(#7fffd4, 30%);