স্টাইল করা মানচিত্র

ম্যাপস স্ট্যাটিক এপিআই (Maps Static API) ব্যবহার করার সময় আপনার নিজস্ব স্টাইল প্রয়োগ করে স্ট্যান্ডার্ড গুগল ম্যাপের উপস্থাপনা কাস্টমাইজ করুন। আপনি রাস্তা, পার্ক, জনবসতিপূর্ণ এলাকা এবং অন্যান্য গুরুত্বপূর্ণ স্থানের মতো ফিচারগুলোর ভিজ্যুয়াল ডিসপ্লে পরিবর্তন করতে পারেন। নির্দিষ্ট বিষয়বস্তুকে হাইলাইট করতে, পৃষ্ঠার চারপাশের বিষয়বস্তুর পরিপূরক হতে, বা এমনকি ফিচারগুলোকে সম্পূর্ণরূপে লুকিয়ে ফেলতে সেগুলোর রঙ বা স্টাইল পরিবর্তন করুন।

উদাহরণ

নিম্নলিখিত উদাহরণটিতে মার্কিন যুক্তরাষ্ট্রের ব্রুকলিনের একটি মানচিত্র দেখানো হয়েছে, যেখানে স্থানীয় রাস্তাগুলোকে উজ্জ্বল সবুজ এবং আবাসিক এলাকাগুলোকে কালো রঙে রাঙানো হয়েছে। এছাড়াও, লেবেলগুলোর উজ্জ্বলতার তারতম্য ঘটানো হয়েছে, যাতে সেগুলো গাঢ় পটভূমির বিপরীতে আরও ভালোভাবে ফুটে ওঠে। উল্লেখ্য যে, এই কার্যকরী উদাহরণটিতে ইউআরএল এনকোডিং ব্যবহার করা হয়েছে:

https://maps.googleapis.com/maps/api/staticmap?size=512x512&zoom=15&center=Brooklyn&style=feature:road.local%7Celement:geometry%7Ccolor:0x00ff00&style=feature:landscape%7Celement:geometry.fill%7Ccolor:0x000000&style=element:labels%7Cinvert_lightness:true&style=feature:road.arterial%7Celement:labels%7Cinvert_lightness:false&key=YOUR_API_KEY&signature=YOUR_SIGNATURE
ব্রুকলিনের শৈল্পিক মানচিত্র।

নিম্নলিখিত উদাহরণটি একটি মার্কিন সড়ক মানচিত্রের চেহারার কাছাকাছি রূপ দিতে স্টাইলিং অপারেশন এবং সরলীকরণ ব্যবহার করে:

https://maps.googleapis.com/maps/api/staticmap?size=512x512&zoom=12&center=Chicago&format=png&style=feature:road.highway%7Celement:geometry%7Cvisibility:simplified%7Ccolor:0xc280e9&style=feature:transit.line%7Cvisibility:simplified%7Ccolor:0xbababa&style=feature:road.highway%7Celement:labels.text.stroke%7Cvisibility:on%7Ccolor:0xb06eba&style=feature:road.highway%7Celement:labels.text.fill%7Cvisibility:on%7Ccolor:0xffffff&key=YOUR_API_KEY&signature=DITIGAL_SIGNATURE
মার্কিন রোড অ্যাটলাস মানচিত্র শৈলী।

স্টাইল সিনট্যাক্স

নিজস্ব শৈলীতে মানচিত্র তৈরি করতে, অনুরোধ URL-এ এক বা একাধিক style প্যারামিটার অন্তর্ভুক্ত করুন।

প্রতিটি style ডিক্লারেশনে নিম্নলিখিত আর্গুমেন্টগুলো থাকতে পারে, যা পাইপ ক্যারেক্টার (" | ") দ্বারা পৃথক করা থাকে:

  • feature (ঐচ্ছিক) এই স্টাইল পরিবর্তনের জন্য কোন ফিচারগুলো নির্বাচন করতে হবে তা নির্দেশ করে। ফিচারগুলোর মধ্যে মানচিত্রের বিভিন্ন জিনিস, যেমন রাস্তা, পার্ক বা অন্যান্য দর্শনীয় স্থান অন্তর্ভুক্ত। যদি কোনো feature আর্গুমেন্ট উপস্থিত না থাকে, তবে নির্দিষ্ট স্টাইলটি সমস্ত ফিচারের উপর প্রযোজ্য হবে।
  • element (ঐচ্ছিক) এই স্টাইল পরিবর্তনের জন্য নির্দিষ্ট ফিচারের কোন এলিমেন্ট(গুলি) নির্বাচন করতে হবে তা নির্দেশ করে। এলিমেন্ট হলো একটি ফিচারের বৈশিষ্ট্য, যেমন জ্যামিতি বা লেবেল। যদি কোনো element আর্গুমেন্ট উপস্থিত না থাকে, তাহলে স্টাইলটি নির্দিষ্ট ফিচারের সমস্ত এলিমেন্টের উপর প্রযোজ্য হবে।
  • নির্দিষ্ট ফিচার এবং এলিমেন্টগুলিতে প্রয়োগ করার জন্য একগুচ্ছ স্টাইল নিয়ম (বাধ্যতামূলক)। এপিআই style ডিক্লারেশনে নিয়মগুলো যে ক্রমে থাকে, সেই ক্রমেই প্রয়োগ করে। আপনি ম্যাপস স্ট্যাটিক এপিআই-এর সাধারণ ইউআরএল-দৈর্ঘ্যের সীমাবদ্ধতার মধ্যে যেকোনো সংখ্যক নিয়ম অন্তর্ভুক্ত করতে পারেন।
style=feature:myFeatureArgument|element:myElementArgument|myRule1:myRule1Argument|myRule2:myRule2Argument

বৈশিষ্ট্য

নিম্নলিখিত style ডিক্লারেশনটি ম্যাপের সমস্ত রাস্তা রঙিন করে:

style=feature:road|color:0xffffff

এখানে কিছু সাধারণ বৈশিষ্ট্য নির্বাচন দেওয়া হলো:

  • feature:all (ডিফল্ট) ম্যাপের সমস্ত বৈশিষ্ট্য নির্বাচন করে।
  • feature:road ম্যাপের সমস্ত রাস্তা নির্বাচন করে।
  • feature:road.local সমস্ত স্থানীয় রাস্তা নির্বাচন করে।

বৈশিষ্ট্য বা বৈশিষ্ট্যের প্রকারভেদ হলো মানচিত্রের ভৌগোলিক বৈশিষ্ট্য, যার মধ্যে রাস্তা, পার্ক, জলাশয়, ব্যবসা প্রতিষ্ঠান এবং আরও অনেক কিছু অন্তর্ভুক্ত।

ফিচারগুলো একটি ক্যাটাগরি ট্রি গঠন করে, যার রুট হলো all ’। আপনি যদি কোনো ফিচার নির্দিষ্ট না করেন, তাহলে সব ফিচারই নির্বাচিত হয়ে যায়। all ’ ফিচারটি নির্দিষ্ট করলেও একই ফল পাওয়া যায়।

কিছু ফিচারের মধ্যে চাইল্ড ফিচার থাকে, যা আপনি ডট নোটেশন ব্যবহার করে নির্দিষ্ট করেন। উদাহরণস্বরূপ, landscape.natural বা road.local । যদি আপনি শুধু প্যারেন্ট ফিচারটি, যেমন road , নির্দিষ্ট করেন, তাহলে প্যারেন্টের জন্য নির্দিষ্ট করা স্টাইলগুলো এর সমস্ত চাইল্ডের উপর প্রযোজ্য হবে, যেমন road.local এবং road.highway

মনে রাখবেন যে, প্যারেন্ট ফিচারগুলোতে এমন কিছু উপাদান অন্তর্ভুক্ত থাকতে পারে যা তাদের সব চাইল্ড ফিচারে অন্তর্ভুক্ত নয়।

নিম্নলিখিত বৈশিষ্ট্যগুলি উপলব্ধ আছে:

  • all (ডিফল্ট) সমস্ত বৈশিষ্ট্য নির্বাচন করে।
  • administrative সমস্ত প্রশাসনিক এলাকা নির্বাচন করে। স্টাইলিং শুধুমাত্র প্রশাসনিক এলাকার লেবেলগুলিকে প্রভাবিত করে, এর ভৌগোলিক সীমানা বা ফিলকে নয়।
    • administrative.country দেশগুলো নির্বাচন করে।
    • administrative.land_parcel ভূমি খণ্ড নির্বাচন করে।
    • administrative.locality এলাকাসমূহ নির্বাচন করে।
    • administrative.neighborhood এলাকা নির্বাচন করে।
    • administrative.province প্রদেশসমূহ নির্বাচন করে।
  • landscape সকল ল্যান্ডস্কেপ নির্বাচন করে।
    • landscape.man_made ভবন ও অন্যান্য কাঠামোর মতো মানবসৃষ্ট বৈশিষ্ট্য নির্বাচন করে।
    • landscape.natural পর্বত, নদী, মরুভূমি এবং হিমবাহের মতো প্রাকৃতিক বৈশিষ্ট্য নির্বাচন করে।
    • landscape.natural.landcover ভূমির আচ্ছাদন বৈশিষ্ট্য, অর্থাৎ ভূপৃষ্ঠকে আবৃতকারী ভৌত উপাদান, যেমন—বন, তৃণভূমি, জলাভূমি এবং অনাবৃত ভূমি নির্বাচন করে।
    • landscape.natural.terrain কোনো ভূমিপৃষ্ঠের ভূ-বৈশিষ্ট্য, যেমন উচ্চতা, ঢাল এবং অভিমুখ নির্বাচন করে।
  • poi আগ্রহের সমস্ত স্থান নির্বাচন করে।
    • poi.attraction পর্যটন আকর্ষণগুলো নির্বাচন করে।
    • poi.business ব্যবসা প্রতিষ্ঠানগুলোকে নির্বাচন করে।
    • poi.government সরকারি ভবন নির্বাচন করে।
    • poi.medical হাসপাতাল, ফার্মেসি, পুলিশ, ডাক্তার এবং অন্যান্যসহ জরুরি পরিষেবাগুলো নির্বাচন করে।
    • poi.park পার্কগুলো নির্বাচন করে।
    • poi.place_of_worship গির্জা, মন্দির, মসজিদ ও অন্যান্য উপাসনালয় নির্বাচন করে।
    • poi.school স্কুল নির্বাচন করে।
    • poi.sports_complex ক্রীড়া কমপ্লেক্সগুলো নির্বাচন করে।
  • road সকল রাস্তা নির্বাচন করে।
    • road.arterial প্রধান সড়কগুলো নির্বাচন করে।
    • road.highway হাইওয়ে নির্বাচন করে।
    • road.highway.controlled_access নিয়ন্ত্রিত প্রবেশাধিকারযুক্ত মহাসড়কগুলো নির্বাচন করে।
    • road.local স্থানীয় রাস্তাগুলো নির্বাচন করে।
  • transit সমস্ত ট্রানজিট স্টেশন ও লাইন নির্বাচন করে।
    • transit.line ট্রানজিট লাইন নির্বাচন করে।
    • transit.station সমস্ত ট্রানজিট স্টেশন নির্বাচন করে।
    • transit.station.airport বিমানবন্দর নির্বাচন করে।
    • transit.station.bus বাস স্টপ নির্বাচন করে।
    • transit.station.rail রেল স্টেশন নির্বাচন করে।
  • water জলাশয় নির্বাচন করে।

উপাদান

নিম্নলিখিত style ডিক্লারেশনটি সমস্ত স্থানীয় রাস্তার লেবেলগুলিকে রঙিন করে:

style=feature:road.local|element:labels|color:0xffffff

উপাদান হলো কোনো বৈশিষ্ট্যের উপবিভাগ। উদাহরণস্বরূপ, একটি রাস্তা মানচিত্রের গ্রাফিক্যাল রেখা (জ্যামিতি) এবং এর নাম নির্দেশকারী লেখা (লেবেল) নিয়ে গঠিত।

নিম্নলিখিত উপাদানগুলো উপলব্ধ আছে, তবে মনে রাখবেন যে একটি নির্দিষ্ট ফিচার এই উপাদানগুলোর কোনোটিই, কয়েকটি বা সবগুলোই সমর্থন করতে পারে:

জুম লেভেলের উপর ভিত্তি করে লেবেল টেক্সটের fill এবং stroke রঙ পরিবর্তিত হয়। বিভিন্ন জুম লেভেলে অভিজ্ঞতাটি সামঞ্জস্যপূর্ণ রাখতে, সর্বদা fill এবং stroke উভয়ই নির্ধারণ করুন।

  • all (ডিফল্ট) নির্দিষ্ট ফিচারের সমস্ত উপাদান নির্বাচন করে।
  • geometry নির্দিষ্ট ফিচারটির সমস্ত জ্যামিতিক উপাদান নির্বাচন করে।
    • geometry.fill ফিচারটির জ্যামিতির শুধুমাত্র ফিল অংশটি নির্বাচন করে।
    • geometry.stroke ফিচারটির জ্যামিতির শুধুমাত্র স্ট্রোকটি নির্বাচন করে।
  • labels নির্দিষ্ট ফিচারটির সাথে সংশ্লিষ্ট পাঠ্য লেবেলগুলো নির্বাচন করে।
    • labels.icon শুধুমাত্র ফিচারটির লেবেলের মধ্যে প্রদর্শিত আইকনটি নির্বাচন করে।
    • labels.text শুধুমাত্র লেবেলের লেখাটি নির্বাচন করে।
    • labels.text.fill শুধুমাত্র লেবেলের ফিল নির্বাচন করে। লেবেলের ফিল সাধারণত একটি রঙিন আউটলাইন হিসেবে রেন্ডার করা হয় যা লেবেলের টেক্সটকে ঘিরে থাকে।
    • labels.text.stroke শুধুমাত্র লেবেলের টেক্সটের স্ট্রোক নির্বাচন করে।

শৈলীর নিয়ম

স্টাইল রুল হলো ফরম্যাটিং অপশন, যা প্রতিটি style ডিক্লারেশনের মধ্যে নির্দিষ্ট করা ফিচার ও এলিমেন্টগুলোর ওপর প্রয়োগ করা হয়।

নিম্নলিখিত style ডিক্লারেশনটি ম্যাপের রাস্তাগুলিতে দুটি স্টাইল রুল প্রয়োগ করে। প্রথম রুলটি রাস্তাগুলিতে একটি রঙ প্রয়োগ করে। দ্বিতীয় রুলটি রাস্তাগুলির প্রদর্শনকে সরল করে, ফলে সেগুলির আউটলাইন ছাড়া পাতলা লাইন থাকে:

style=feature:road|color:0xffffff|visibility:simplified

প্রতিটি style ডিক্লারেশনে পাইপ (" | ") অক্ষর দ্বারা পৃথক করা এক বা একাধিক অপারেশন থাকতে হবে। প্রতিটি অপারেশন কোলন (" : ") অক্ষর ব্যবহার করে তার আর্গুমেন্ট ভ্যালু নির্দিষ্ট করে, এবং আপনি যে ক্রমে অপারেশনগুলো নির্দিষ্ট করবেন, সেই ক্রমেই সেগুলো সিলেকশনের উপর প্রয়োগ হবে।

নিম্নলিখিত স্টাইল বিকল্পগুলি সমর্থিত:

  • hue ( #RRGGBB ফরম্যাটের একটি RGB হেক্স স্ট্রিং) মৌলিক রঙকে নির্দেশ করে।

    দ্রষ্টব্য: এই অপশনটি ডিফল্ট গুগল স্টাইলে (অথবা ম্যাপে আপনার সংজ্ঞায়িত অন্যান্য স্টাইল অপশনে) নির্দিষ্ট করা স্যাচুরেশন এবং লাইটনেস অপরিবর্তিত রেখে হিউ (hue) সেট করে। এর ফলে প্রাপ্ত রঙটি বেস ম্যাপের স্টাইলের সাপেক্ষে নির্ধারিত হয়। গুগল যদি বেস ম্যাপের স্টাইলে কোনো পরিবর্তন আনে, তবে সেই পরিবর্তনগুলো আপনার ম্যাপের hue দিয়ে স্টাইল করা ফিচারগুলোকেও প্রভাবিত করবে। সম্ভব হলে অ্যাবসোলিউট color স্টাইলার ব্যবহার করাই শ্রেয়।

  • lightness ( -100 থেকে 100 এর মধ্যে একটি ফ্লোটিং পয়েন্ট মান) উপাদানটির উজ্জ্বলতার শতাংশ পরিবর্তন নির্দেশ করে। ঋণাত্মক মান অন্ধকার বাড়ায় (যেখানে -১০০ কালো নির্দেশ করে) এবং ধনাত্মক মান উজ্জ্বলতা বাড়ায় (যেখানে +১০০ সাদা নির্দেশ করে)।

    দ্রষ্টব্য: এই অপশনটি ডিফল্ট গুগল স্টাইলে (অথবা ম্যাপে আপনার সংজ্ঞায়িত অন্যান্য স্টাইল অপশনে) নির্দিষ্ট করা স্যাচুরেশন এবং হিউ অপরিবর্তিত রেখে লাইটনেস সেট করে। এর ফলে প্রাপ্ত রঙটি বেস ম্যাপের স্টাইলের সাপেক্ষে নির্ধারিত হয়। গুগল যদি বেস ম্যাপের স্টাইলে কোনো পরিবর্তন আনে, তবে সেই পরিবর্তনগুলো আপনার ম্যাপের lightness দিয়ে স্টাইল করা ফিচারগুলোকেও প্রভাবিত করবে। সম্ভব হলে অ্যাবসোলিউট color স্টাইলার ব্যবহার করাই শ্রেয়।

  • saturation ( -100 থেকে 100 মধ্যে একটি ফ্লোটিং পয়েন্ট মান) এলিমেন্টটিতে প্রয়োগ করার জন্য মূল রঙের তীব্রতার শতাংশ পরিবর্তন নির্দেশ করে।

    দ্রষ্টব্য: এই অপশনটি ডিফল্ট গুগল স্টাইলে (অথবা ম্যাপে আপনার সংজ্ঞায়িত অন্যান্য স্টাইল অপশনে) নির্দিষ্ট করা হিউ এবং লাইটনেস অপরিবর্তিত রেখে স্যাচুরেশন সেট করে। এর ফলে প্রাপ্ত রঙটি বেস ম্যাপের স্টাইলের সাপেক্ষে নির্ধারিত হয়। গুগল যদি বেস ম্যাপের স্টাইলে কোনো পরিবর্তন আনে, তবে সেই পরিবর্তনগুলো আপনার ম্যাপের saturation দিয়ে স্টাইল করা ফিচারগুলোকেও প্রভাবিত করবে। সম্ভব হলে অ্যাবসোলিউট color স্টাইলার ব্যবহার করাই শ্রেয়।

  • gamma ( 0.01 থেকে 10.0 এর মধ্যে একটি ফ্লোটিং পয়েন্ট মান, যেখানে 1.0 কোনো সংশোধন প্রয়োগ করে না) নির্দেশ করে যে এলিমেন্টটিতে কী পরিমাণ গামা সংশোধন প্রয়োগ করতে হবে। গামা সংশোধন সাদা বা কালো মানকে প্রভাবিত না করে, রঙের উজ্জ্বলতাকে একটি নন-লিনিয়ার পদ্ধতিতে পরিবর্তন করে। গামা সংশোধন সাধারণত একাধিক এলিমেন্টের কনট্রাস্ট পরিবর্তন করতে ব্যবহৃত হয়। উদাহরণস্বরূপ, আপনি এলিমেন্টের প্রান্ত এবং ভেতরের অংশের মধ্যে কনট্রাস্ট বাড়াতে বা কমাতে গামা পরিবর্তন করতে পারেন।

    দ্রষ্টব্য: এই অপশনটি একটি গামা কার্ভ ব্যবহার করে ডিফল্ট গুগল স্টাইলের সাপেক্ষে উজ্জ্বলতা সামঞ্জস্য করে। গুগল যদি বেস ম্যাপ স্টাইলে কোনো পরিবর্তন আনে, তবে সেই পরিবর্তনগুলো আপনার ম্যাপের gamma দিয়ে স্টাইল করা ফিচারগুলোকেও প্রভাবিত করবে। সম্ভব হলে অ্যাবসোলিউট color স্টাইলার ব্যবহার করাই শ্রেয়।

  • invert_lightness (যদি true ) বিদ্যমান উজ্জ্বলতাকে উল্টে দেয়। উদাহরণস্বরূপ, সাদা লেখা সহ একটি গাঢ় মানচিত্রে দ্রুত পরিবর্তন করার জন্য এটি উপযোগী।

    দ্রষ্টব্য: এই অপশনটি কেবল ডিফল্ট গুগল স্টাইলকে উল্টে দেয়। গুগল যদি বেস ম্যাপ স্টাইলে কোনো পরিবর্তন করে, তবে সেই পরিবর্তনগুলো আপনার ম্যাপের invert_lightness দিয়ে স্টাইল করা ফিচারগুলোকেও প্রভাবিত করবে। সম্ভব হলে অ্যাবসোলিউট color স্টাইলার ব্যবহার করাই শ্রেয়।

  • visibility ( on , off বা simplified ) নির্দেশ করে যে এলিমেন্টটি ম্যাপে প্রদর্শিত হবে কি না এবং কীভাবে হবে। একটি simplified ভিজিবিলিটি প্রভাবিত ফিচারগুলো থেকে কিছু স্টাইল ফিচার সরিয়ে দেয়; উদাহরণস্বরূপ, রাস্তাগুলো আউটলাইন ছাড়া পাতলা লাইনে সরলীকৃত হয়, অন্যদিকে পার্কগুলো তাদের লেবেল টেক্সট হারায় কিন্তু লেবেল আইকনটি ধরে রাখে।
  • color (যা #RRGGBB ফরম্যাটের একটি RGB হেক্স স্ট্রিং) ফিচারটির রঙ নির্ধারণ করে।
  • weight (একটি পূর্ণসংখ্যা, যা শূন্যের সমান বা তার চেয়ে বড়) ফিচারটির ওজন পিক্সেলে নির্ধারণ করে। weight-এর মান বেশি নির্ধারণ করলে টাইল বর্ডারের কাছাকাছি ক্লিপিং হতে পারে।

স্টাইল নিয়মগুলো আপনার নির্দিষ্ট করা ক্রমেই প্রয়োগ করা হয়। একাধিক অপারেশনকে একটিমাত্র স্টাইল অপারেশনে একত্রিত করবেন না। এর পরিবর্তে, স্টাইল অ্যারেতে প্রতিটি অপারেশনকে একটি পৃথক এন্ট্রি হিসাবে সংজ্ঞায়িত করুন।

দ্রষ্টব্য: ক্রম গুরুত্বপূর্ণ, কারণ কিছু অপারেশন বিনিময়যোগ্য নয়। স্টাইল অপারেশনের মাধ্যমে যে ফিচার এবং/অথবা এলিমেন্টগুলো পরিবর্তন করা হয়, সেগুলোর (সাধারণত) আগে থেকেই স্টাইল থাকে। অপারেশনগুলো সেই বিদ্যমান স্টাইলগুলোর উপর কাজ করে, যদি সেগুলো উপস্থিত থাকে।

হিউ, স্যাচুরেশন, লাইটনেস মডেল

স্টাইলার অপারেশনের মধ্যে রঙ বোঝাতে স্টাইলড ম্যাপগুলো হিউ, স্যাচুরেশন, লাইটনেস (HSL) মডেল ব্যবহার করে। হিউ মূল রঙকে, স্যাচুরেশন সেই রঙের তীব্রতাকে এবং লাইটনেস উপাদান রঙে সাদা বা কালোর আপেক্ষিক পরিমাণকে নির্দেশ করে।

গামা কারেকশন কালার স্পেস জুড়ে উজ্জ্বলতাকে পরিবর্তন করে, সাধারণত কনট্রাস্ট বাড়াতে বা কমাতে। এছাড়াও, HSL মডেল একটি কোঅর্ডিনেট স্পেসের মধ্যে রঙকে সংজ্ঞায়িত করে, যেখানে hue একটি কালার হুইলের মধ্যে অভিমুখ নির্দেশ করে, এবং স্যাচুরেশন ও লাইটনেস বিভিন্ন অক্ষ বরাবর বিস্তার নির্দেশ করে। হিউ-কে একটি RGB কালার স্পেসের মধ্যে পরিমাপ করা হয়, যা বেশিরভাগ RGB কালার স্পেসের মতোই, তবে এতে সাদা এবং কালোর শেডগুলো অনুপস্থিত।

বর্ণ, সম্পৃক্ততা, উজ্জ্বলতা মডেল

যদিও hue একটি HTML হেক্স কালার ভ্যালু গ্রহণ করে, এটি শুধুমাত্র মৌলিক রঙ নির্ধারণ করতে এই ভ্যালুটি ব্যবহার করে — অর্থাৎ, কালার হুইলে এর অবস্থান; এর স্যাচুরেশন বা লাইটনেস নয়, যা আলাদাভাবে শতাংশ পরিবর্তন হিসাবে নির্দেশিত হয়।

উদাহরণস্বরূপ, আপনি বিশুদ্ধ সবুজের হিউ hue:0x00ff00 অথবা hue:0x000100 হিসেবে নির্ধারণ করতে পারেন। উভয় হিউ ​​অভিন্ন। HSL কালার মডেলে উভয় মানই বিশুদ্ধ সবুজকে নির্দেশ করে।

একটি আরজিবি রঙের চাকা

RGB hue ভ্যালু, যা লাল, সবুজ এবং নীলের সমান অংশ নিয়ে গঠিত, তা কোনো হিউ নির্দেশ করে না, কারণ এই ভ্যালুগুলোর কোনোটিই HSL কোঅর্ডিনেট স্পেসে কোনো ওরিয়েন্টেশন নির্দেশ করে না। উদাহরণস্বরূপ, "#000000" (কালো), "#FFFFFF" (সাদা), এবং ধূসরের সমস্ত বিশুদ্ধ শেড। কালো, সাদা বা ধূসর নির্দেশ করতে হলে, আপনাকে অবশ্যই সমস্ত saturation সরিয়ে ফেলতে হবে (ভ্যালু -100 এ সেট করে) এবং এর পরিবর্তে lightness অ্যাডজাস্ট করতে হবে।

এছাড়াও, আগে থেকেই কালার স্কিম থাকা কোনো ফিচার পরিবর্তন করার সময়, hue মতো কোনো মান পরিবর্তন করলে তার বিদ্যমান saturation বা lightness পরিবর্তিত হয় না।