CSS color() ফাংশন

সংজ্ঞা ও ব্যবহার

CSS-এর color() ফাংশন বিশেষ করে কোনও রঙ স্পেসে রঙ নির্দেশ করতে অনুমতি দেয়。

প্রকল্প

উদাহরণ 1

display-p3 রঙ স্পেসে পটভূমির রঙ (অস্তরতা 0.3) নির্দেশ করুন:

div {
  padding: 15px;
  border: 2px solid black;
  background-color: color(display-p3 0.6 0.6 0 / .3);
}

স্বয়ং প্রয়াস করুন

উদাহরণ 2

সম্পর্কিত মান সংজ্ঞায়ন ব্যবহার করুন:

div {
  padding: 15px;
  border: 2px solid black;
  background-color: color(from blue srgb r g b / 0.4);
}

স্বয়ং প্রয়াস করুন

CSS সংজ্ঞায়ন

অপরিমিত মান সংজ্ঞায়ন

color(colorspace c1 c2 c3 / A)
মান বর্ণনা
colorspace

অপরিহার্য। প্রতিষ্ঠিত রঙের স্পেসকে নির্দেশ করে:

  • srgb
  • srgb-linear
  • display-p3
  • a98-rgb
  • prophoto-rgb
  • rec2020
  • xyz
  • xyz-d50
  • xyz-d65
c1 c2 c3

অপরিহার্য। রঙের স্পেসের কম্পোনেন্ট মান নির্দেশ করে。

প্রত্যেক মানকে 0 থেকে 1 পর্যন্ত সংখ্যা, 0% থেকে 100% পর্যন্ত শতপ্রতিশত বা none শব্দ হিসাবে লেখা যেতে পারে。
/ A

বাছাইযোগ্য। রঙের অস্তরতা চ্যানেলের মান (0 পূর্ণ স্বচ্ছ, 100 পূর্ণ অস্তরিতা) নির্দেশ করে。

none (অস্তরতা চ্যানেল না থাকা) ব্যবহার করা যেতে পারে。

ডিফল্ট মান 100।

সম্পর্কিত মান সংজ্ঞায়ন

color(from color colorspace c1 c2 c3 / A)
মান বর্ণনা
from color

শব্দকোষ from-এ শুরু করে, পরে প্রকৃত রঙের মান নির্দেশ করে。

এটি অপরিমিত রঙের ভিত্তিতে নির্দেশ করে。
colorspace

অপরিহার্য। প্রতিষ্ঠিত রঙের স্পেসকে নির্দেশ করে:

  • srgb
  • srgb-linear
  • display-p3
  • a98-rgb
  • prophoto-rgb
  • rec2020
  • xyz
  • xyz-d50
  • xyz-d65
c1 c2 c3

অপরিহার্য। রঙের স্পেসের কম্পোনেন্ট মান নির্দেশ করে。

প্রত্যেক মানকে 0 থেকে 1 পর্যন্ত সংখ্যা, 0% থেকে 100% পর্যন্ত শতপ্রতিশত বা none শব্দ হিসাবে লেখা যেতে পারে。
/ A

বাছাইযোগ্য। রঙের অস্তরতা চ্যানেলের মান (0 পূর্ণ স্বচ্ছ, 100 পূর্ণ অস্তরিতা) নির্দেশ করে。

none (অস্তরতা চ্যানেল না থাকা) ব্যবহার করা যেতে পারে。

ডিফল্ট মান 100।

প্রযুক্তিগত বিবরণ

সংস্করণ: CSS Color Module Level 5

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম এই ফাংশনটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে。

Chrome Edge Firefox স্যাফারি ওপেরা
111 111 113 15 97

সংশ্লিষ্ট পৃষ্ঠা

উল্লেখCSS রঙ