CSS color() فونکشن

تعریف اور استعمال

CSS کا color() فونکشن دوسرے کسی کورس میں رنگ کا نمائش کرنا کی اجازت دیتا ہے.

مثال

مثال 1

دسپلے پترون میں پس منظر رنگ کا نمائش (شفافیت 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 Grammar

مقادیر کی پورا بنیاد

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

اختیاری. رنگ کی شفافیت کی مقادیر کا نمائش کرنا.

ایک بار 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

اختیاری. رنگ کی شفافیت کی مقادیر کا نمائش کرنا.

ایک بار none (کملا شفافیت کی راہ نمائش کرنا) بھی استعمال کی جاسکتی ہے.

مقادیر پیش فرض 100 ہیں.

تکنیکی تفصیلات

ورژن: CSS Color Module Level 5

بروسر کی مدد

تبلویه میں کی اعداد پہلا بروسر کا ایکم کسی عملیگی کی پوری مدد دینے والی ورژن کی نمائش کرتی ہیں.

Chrome Edge Firefox سافری آپرا
111 111 113 15 97

مربوط صفحات

مطالب:CSS رنگ