CSS oklch() ফাংশন

নির্দিষ্ট ও ব্যবহার

CSS-এর oklch() ফাংশনটি রঙটিকে OKLCH রঙ সমীক্ষা স্পেসে নির্দিষ্ট করে。

oklch() ফাংশন অত্যন্ত সুস্পষ্ট: আপনি ব্যবহার করতে চানোর আলোকমান (L) এর পরিমাণ, রঙের গায়নশক্তি (C) এবং রঙটি এবং আরও একটি স্বচ্ছতা চ্যানেল মান (A) যা রঙের অস্বচ্ছতা নির্দেশ করে।

প্রদর্শন

নির্দিষ্ট করুন oklch() শ্রেণীঃ

/* য়ান্তরীক্ষিক সমীক্ষা */
#p1 {background-color: oklch(30% 0.4 150);}
#p2 {background-color: oklch(60% 0.4 150);}
#p3 {background-color: oklch(100% 0.4 150);}
/ ভিন্ন আলোকসংযোগকারী সোনালী /
#p4 {background-color: oklch(30% 0.4 100);}
#p5 {background-color: oklch(60% 0.4 100);}
#p6 {background-color: oklch(100% 0.4 100);}
/ ভিন্ন আলোকসংযোগকারী লাল */
#p7 {background-color: oklch(30% 0.4 20);}
#p8 {background-color: oklch(60% 0.4 20);}
#p9 {background-color: oklch(100% 0.4 20);}

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

CSS গঠন

অবিচ্ছিন্ন মান গঠন

oklch(এটি সংশ্লিষ্ট রঙটির ভিত্তিতে অবস্থিত প্রকৃত রঙ C H / A)
মান বিবরণ
এটি সংশ্লিষ্ট রঙটির ভিত্তিতে অবস্থিত প্রকৃত রঙ

L

0 (বা 0%) কালো রঙকে নির্দেশ করে, 1 (বা 100%) সাদা রঙকে নির্দেশ করে

আরও none (সমান 0%) ব্যবহার করা যেতে পারে
C

অপশনাল। রঙের সমতা (রঙের পরিমাণ) নির্দেশ করে, যেমন সংখ্যা বা শতকরা।

উচ্চতরভাবে -0.4 থেকে 0.4 এর মধ্যের সংখ্যা বা -100% থেকে 100% এর মধ্যের শতকরা নির্দেশ করা যেতে পারে

কমমিং মান (0% বা -0.4) যখন, রঙটি আরও কালোরঙের নিকটে

আরও none (সমান 0%) ব্যবহার করা যেতে পারে
H

অপশনাল। রঙটির নির্দেশ করে, যেমন সংখ্যা বা ডিগ্রি (0 থেকে 360)।

আরও none (সমান 0deg) ব্যবহার করা যেতে পারে
/ A

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

আরও none (পরিবেশগততা চ্যানেল না) ব্যবহার করা যেতে পারে

ডিফল্ট মান 100%।

সম্পর্কিত মান গঠন

oklch(from color এটি সংশ্লিষ্ট রঙটির ভিত্তিতে অবস্থিত প্রকৃত রঙ C H / A)
মান বিবরণ
from color

এই প্রকৃত রঙটির মান নির্দেশ করে

from
এটি সংশ্লিষ্ট রঙটির ভিত্তিতে অবস্থিত প্রকৃত রঙ

L

0 (বা 0%) কালো রঙকে নির্দেশ করে, 1 (বা 100%) সাদা রঙকে নির্দেশ করে

আরও none (সমান 0%) ব্যবহার করা যেতে পারে
C

অপশনাল। রঙের সমতা (রঙের পরিমাণ) নির্দেশ করে, যেমন সংখ্যা বা শতকরা।

উচ্চতরভাবে -0.4 থেকে 0.4 এর মধ্যের সংখ্যা বা -100% থেকে 100% এর মধ্যের শতকরা নির্দেশ করা যেতে পারে

কমমিং মান (0% বা -0.4) যখন, রঙটি আরও কালোরঙের নিকটে

আরও none (সমান 0%) ব্যবহার করা যেতে পারে
H

অপশনাল। রঙটির নির্দেশ করে, যেমন সংখ্যা বা ডিগ্রি (0 থেকে 360)।

আরও none (সমান 0deg) ব্যবহার করা যেতে পারে
/ A

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

আরও none (পরিবেশগততা চ্যানেল না) ব্যবহার করা যেতে পারে। ডিফল্ট মান 100%।

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

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

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

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

চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
oklch()
111 111 113 15.4 97
পারামিটারে সংখ্যা এবং শতকরা মিশ্রণ
116 116 113 16.2 102

সংশ্লিষ্ট পাতা

উল্লেখ:CSS রঙ

উল্লেখ:CSS hsl() ফাংশন

উল্লেখ:CSS hwb() ফাংশন

উল্লেখ:CSS lab() ফাংশন

উল্লেখ:CSS lch() ফাংশন

উল্লেখ:CSS oklab() ফাংশন