HSL থেকে HEX রূপান্তর Hue Saturation Lightness ↔ Hexadecimal বিনামূল্যে অনলাইন নিরাপদ
HSL-এ একটি মান লিখুন, সঙ্গে সঙ্গেই তা HEX-এ পড়ে নিন। হিসাব আপনার ব্রাউজারেই হয়, কোথাও কিছু পাঠানো হয় না, আর উত্তরটি কিসের উপর নির্ভর করে তা ধরে নেওয়া হয় না — নিচে লেখা আছে।
কিছুই আপলোড হয় না
এই লিখনরীতিগুলি কোথা থেকে এসেছে
হেক্স আর RGB একই জিনিস, দুবার লেখা। পর্দার রং হল তিনটি সংখ্যা — কতটা লাল, সবুজ ও নীল আলো ছাড়তে হবে — প্রতিটি ০ থেকে ২৫৫ পর্যন্ত, অর্থাৎ এক বাইট; হেক্স কেবল সেই বাইটগুলিকেই ষোলো ভিত্তিতে লেখে, তাই #FF8800 আর rgb(255, 136, 0) একই পিক্সেলকে দেওয়া একই আদেশ। HSL উদ্ভাবিত হয়েছিল কারণ এর কোনোটিই মানুষের পড়ার যোগ্য নয়: তা বর্ণকে বর্ণচক্রের কোণ হিসেবে, আর সম্পৃক্তি ও উজ্জ্বলতাকে শতাংশে দেয়, ফলে নকশাকার তিনটি সংখ্যা নতুন করে না কষেই কিছু একটা হালকা করতে পারেন। CMYK সম্পূর্ণ আলাদা এক জগতের — কালির, আলোর নয়। তা বিয়োগধর্মী, চারটি ছাপার প্লেট দিয়ে গড়া, আর পর্দা যত রং দিতে পারে তার সবটায় পৌঁছতে পারে না, কারণ পর্দা আলো ছড়ায় আর কাগজ কেবল তা ফিরিয়ে দেয়।
কোথায় এদের দেখা পাবেন
হেক্স সেটাই যা আপনি স্টাইলশিটে টাইপ করেন আর নকশার যন্ত্র আপনাকে ধরিয়ে দেয়। RGB দেখা দেয় যেখানেই রঙের জন্য অঙ্ক দরকার: ক্রমপরিবর্তন, স্বচ্ছতা, কোনো আভা হিসাব করা কোড। HSL-এর দিকে হাত বাড়ে যখন রঙের পাটি হাতে সাজাতে হয়, কারণ যে বদলগুলি চাই সেগুলি সাধারণত ওর তিনটি সংখ্যার একটিরই বদল। CMYK সেটাই যা ছাপাখানা চায়, আর তাতে রূপান্তরই সেই মুহূর্ত যখন একটি নকশা আলো থাকা ছেড়ে কালি হয়ে ওঠে।
প্রায়ই জিজ্ঞাসিত প্রশ্ন
আমার CMYK ফল ছাপাখানার দেওয়া ফলের চেয়ে আলাদা কেন?
কারণ একটিমাত্র সঠিক রূপান্তর বলে কিছু নেই। এই পাতার অঙ্কটি সরল ও যন্ত্রনিরপেক্ষ, আর যখন আপনার একটি সূচনাবিন্দু বা মোটামুটি সমতুল্য দরকার তখন সেটাই ঠিক উত্তর। ছাপাখানা রূপান্তর করে এমন একটি বর্ণ-প্রোফাইলের মধ্য দিয়ে যা নির্দিষ্ট কালি, কাগজ ও যন্ত্রকে হিসাবে ধরে; একই RGB রং চকচকে কাগজে আর আবরণহীন কাগজে আলাদা CMYK মান দেবে। যা হুবহু মিলতেই হবে, তার জন্য কোনো সূত্রে ভরসা না করে ছাপাখানার কাছে তাদের প্রোফাইল চান।
পর্দার কিছু রং ছাপা যায় না কেন?
কারণ দুয়ের নাগাল একই রঙে পৌঁছয় না। পর্দা আলো যোগ করে রং বানায় আর এমন উজ্জ্বল, সম্পৃক্ত নীলচে-সবুজ বা সবুজ দিতে পারে যার সঙ্গে কালি কিছুতেই পারে না; কাগজ আলো শুষে রং বানায়, আর সবচেয়ে উজ্জ্বল যা হতে পারে তা পাতার সাদা। প্রত্যেকে যে রংগুলির নাগাল পায় তার সমষ্টিকে বলে গ্যামাট, আর যেখানে তারা একে অপরের উপর পড়ে না, সেখানে রূপান্তরকে হাতের কাছের নিকটতম রং বেছে নিতে হয়। সেজন্যই পর্দায় ঝলমলে রং ছাপা হলে প্রায়ই একটু ম্লান দেখায়।
উত্তরটি কি নির্ভুল?
যেখানে দুটি একক পূর্ণসংখ্যায় একে অপরের মাধ্যমে সংজ্ঞায়িত, সেখানে হ্যাঁ — পাতাটি সংখ্যার উপরেই তা বলে, আর একমাত্র পূর্ণাঙ্কন হলো কত অঙ্ক দেখানো হবে তাতে। যেখানে অনুপাতের দশমিক শেষ হয় না, পাতাটি বারোটি সার্থক অঙ্ক দেখায় এবং বলে সম্পর্কটি আসন্ন, অন্য কিছুর ভান করে না।
আমি যা লিখি তা কি আমার যন্ত্র ছেড়ে যায়?
না। হিসাব আপনারই ব্রাউজারে হয়; কিছুই আপলোড হয় না, আর হওয়ার মতো কোনো সার্ভারও নেই। পাতাটি একবার খুললে নেটওয়ার্ক বন্ধ থাকলেও কাজ করে।
কেন আপনি HSL থেকে HEX রূপান্তর করেন
আপনি HSL-এ একটি রং বের করেছেন, কারণ এটি এমন নোটেশন যাতে আপনি ভাবতে পারেন: বর্ণ 30, সম্পৃক্তি 29%, উজ্জ্বলতা 28%, একটি নিষ্প্রভ বাদামি, আর হোভার অবস্থার জন্য 34%-এ একটি ফ্যাকাশে সংস্করণ। এখন রংটিকে এমন কোথাও যেতে হবে যা hex কোড চায়: একটি নকশা টোকেন ফাইল, একটি ব্র্যান্ড পাতা, hsl() না বোঝা একটি টুল, একটি ইমেইল টেমপ্লেট, একজন সহকর্মীকে বার্তা। HSL থেকে HEX রূপান্তর হলো আপনি যে রঙের কথা ভেবেছেন তা নিয়ে এমন রূপে লিখে রাখা যা সংক্ষিপ্ত, দ্ব্যর্থহীন এবং সবকিছু যা বোঝে।
রূপান্তরটি নকশাকাররা প্রথমে যার মুখোমুখি হন তার উল্টো দিকে কাজ করে। এটি শুরু করে তিনটি মানুষ-বান্ধব সংখ্যা থেকে এবং পৌঁছায় তিন বাইটে। প্রতিটি ধাপ সরল পাটিগণিত, কিন্তু তাতে কিছু ত্রিকোণমিতি-ধাঁচের ক্ষেত্র ও গোলাকরণ আছে, যে কারণে মানুষ তা নিজের হয়ে করিয়ে নিতে পছন্দ করে। পাতা তা করে আপনার ব্রাউজারে, এবং কিছুই আপলোড হয় না। নিচে পাবেন তিনটি সংখ্যা কীভাবে ছয়টি hex অঙ্ক হয়, রূপান্তর কী রাখে, HSL-এর মধ্য দিয়ে যাওয়া একটি রং কেন শুরুর জায়গা থেকে এক-দুই ধাপ দূরে নামতে পারে, নকশাকাররা রূপান্তর কীভাবে ব্যবহার করেন এবং কোন ফাঁদ এড়াবেন।
রূপান্তর কীভাবে কাজ করে
বর্ণ, সম্পৃক্তি ও উজ্জ্বলতা থেকে লাল, সবুজ ও নীল
রূপান্তরকারী প্রথমে ক্রোমা বের করে, যা রংটি ধূসর থেকে কত দূরে: তা সম্পৃক্তির সঙ্গে বাড়ে এবং উজ্জ্বলতা 50% থেকে সরে গেলে কমে। তারপর সে বর্ণকে রঙের চাকার ছয়টি ক্ষেত্রের একটিতে বসায়, প্রতিটি 60 ডিগ্রি চওড়া, এবং ক্ষেত্র থেকে ঠিক করে তিনটি চ্যানেলের কোনটি সর্বোচ্চে, কোনটি সর্বনিম্নে আর কোনটি মাঝখানে। অবশেষে সে একটি ধ্রুবক যোগ করে যাতে উজ্জ্বলতা ঠিক আসে, তিনটি মানকে 0 থেকে 1 পরিসর থেকে 0 থেকে 255-এ স্কেল করে এবং প্রতিটিকে পূর্ণ সংখ্যায় গোল করে। সেই তিন বাইট ষোলো ভিত্তিতে লেখা হয়, প্রতিটি দুই অঙ্কে।
সংখ্যাসহ একটি উদাহরণ
hsl(30, 29%, 28%) নিন। ক্রোমা (1 − |2 × 0.28 − 1|) × 0.29 = 0.56 × 0.29 = 0.1624। 30 ডিগ্রি বর্ণ প্রথম ক্ষেত্রের মাঝামাঝি, তাই মধ্য চ্যানেল ক্রোমার অর্ধেক, 0.0812। যোগ করার ধ্রুবক 0.28 − 0.0812 = 0.1988। তাই লাল 0.1624 + 0.1988 = 0.3612, সবুজ 0.0812 + 0.1988 = 0.28 আর নীল 0.1988। 255 দিয়ে গুণ ও গোল করলে এগুলো 92, 71 ও 51। hex-এ তা #5C4733।
ধূসর
সম্পৃক্তি 0% হলে রং বর্ণ যা-ই হোক ধূসর, এবং তিন বাইট সমান। hsl(0, 0%, 50%) হলো #808080। বর্ণ উপেক্ষিত হয়, তাই যেকোনো বর্ণ সংখ্যা একই ধূসর দেয়।
রূপান্তর কী রাখে আর কী পারে না
আপনি যেভাবে বর্ণনা করেছেন সেভাবে রংটি রাখে
ফল সেই রং যার বর্ণ, সম্পৃক্তি ও উজ্জ্বলতা আপনি দিয়েছেন, বাইট হিসেবে লেখা। আপনার টাইপ করা তিনটি সংখ্যা রংটি চোখ যেভাবে সাজায় সেভাবে, চাকায় একটি বর্ণ, কতটা সম্পৃক্ত, কতটা হালকা। সে কারণেই HSL থাকা সার্থক, আর রূপান্তর আপনার বাছাই বিশ্বস্তভাবে hex-এ বয়ে নেয়।
ফেরার পথে একই সংখ্যার প্রতিশ্রুতি দিতে পারে না
দুটি একই রং বর্ণনা করে, কিন্তু HSL সেগুলোয় পৌঁছায় ভিন্ন জ্যামিতির মধ্য দিয়ে এবং তার তিনটি সংখ্যা লেখার সময় পূর্ণ ডিগ্রি ও পূর্ণ শতাংশে গোল করা হয়। তাই HSL-এ নিয়ে ফিরিয়ে আনা একটি রং শুরুর জায়গা থেকে এক বা দুই ধাপ দূরে নামতে পারে: দেখতে একই, বাইটে বাইটে একই নয়। আমাদের উদাহরণে #5A4632 এমন একটি রং ছিল যার HSL প্রায় hsl(30, 29%, 28%); সেই গোল সংখ্যাগুলো ফিরিয়ে আনলে #5C4733 মেলে, লালে দুই ধাপ দূরে। নিখুঁত বাইট চাইলে hex রাখুন।
শতাংশ আর ডিগ্রি চিহ্ন
পাতা বর্ণ পড়ে ডিগ্রিতে এবং সম্পৃক্তি ও উজ্জ্বলতা শতাংশে। আপনি চিহ্নসহ বা ছাড়া লিখতে পারেন। 360-এর ওপরে বা 0-র নিচে একটি বর্ণ চাকার চারপাশে মুড়ে যায়, তাই 390 হলো 30-এর সমান।
ব্যবহারিক ব্যবহার
নকশা টোকেন ফাইল লেখা
একটি নকশা ব্যবস্থা রং সংরক্ষণ করে টোকেন হিসেবে। অনেক দল HSL-এ রং বানায়, কারণ তারা সেগুলো নিয়ে যুক্তি করতে পারে, এবং hex-এ প্রকাশ করে, কারণ প্রতিটি টুল তা পড়ে। প্রতিটি টোকেনের জন্য একবার HSL থেকে HEX রূপান্তর করুন, আর প্রকাশিত ফাইল এমন কিছু হয় যা সবাই ব্যবহার করতে পারে।
hsl() না পড়া টুলের জন্য রং তৈরি
ইমেইল ক্লায়েন্ট, কিছু নথি সম্পাদক, পুরোনো গ্রাফিক্স প্রোগ্রাম ও অনেক চার্ট লাইব্রেরি কেবল hex নেয়। HSL-এ আপনি যা বের করেছেন তা ব্যবহারের আগে রূপান্তর করতে হয়।
একটি তৈরি প্যালেট যাচাই
বর্ণ ঘুরিয়ে প্যালেট তৈরি করা একটি স্ক্রিপ্ট hsl() মানের একটি তালিকা দেয়। স্টাইলশিটে বসানো বা নকশাকারকে দেওয়া কোড হিসেবে দেখতে প্রতিটি hex-এ রূপান্তর করুন। এতে আপনি এমন মানও ধরতে পারেন যা একই কোডে গোল হয় এবং তাই আসলে ভিন্ন নয়।
বার্তায় একটি রং ভাগ করা
একটি hex কোড সংক্ষিপ্ত, কপিযোগ্য এবং রঙের সঙ্গে কাজ করা প্রায় প্রত্যেকের বোঝা। একটি hsl() মান লম্বা এবং নকশার বাইরে কম পরিচিত। কাউকে একটি রং পাঠালে hex হলো ভদ্র রূপ।
এখানে কীভাবে HSL থেকে HEX রূপান্তর করবেন
hsl মান লিখুন বা পেস্ট করুন
প্রথম ঘরে রংটি hsl(30, 29%, 28%) রূপে লিখুন, বা কেবল তিনটি সংখ্যা। বর্ণ ডিগ্রিতে, সম্পৃক্তি ও উজ্জ্বলতা শতাংশে।
hex কোড পড়ুন
উত্তর সঙ্গে সঙ্গে দেখা দেয়, যেমন hsl(30, 29%, 28%) = #5C4733। তা বড় হাতের অক্ষর ও একটি হ্যাশ চিহ্নসহ লেখা।
আপনার কাজে কপি করুন
কোডটি আপনার স্টাইলশিট, টোকেন ফাইল বা বার্তায় ব্যবহার করুন। উল্টো দিকের জন্য HEX থেকে HSL এক ক্লিক দূরে।
এই নোটেশনগুলো কোথা থেকে আসে
Hex আর RGB একই জিনিস দুবার লেখা
একটি পর্দার রং তিনটি সংখ্যা, কতটা লাল, সবুজ ও নীল আলো ছড়াতে হবে, প্রতিটি 0 থেকে 255, যা এক বাইট। Hex কেবল সেই বাইটগুলো ষোলো ভিত্তিতে লেখে। সংখ্যাগুলো দেখতে HEX থেকে RGB রূপান্তর করুন।
HSL আর CMYK
HSL আবিষ্কৃত হয়েছিল কারণ কোনোটিই মানুষের পড়ার যোগ্য নয়: এটি বর্ণ দেয় একটি রঙের চাকার চারপাশে কোণ হিসেবে, সম্পৃক্তি ও উজ্জ্বলতা শতাংশে, যাতে একজন নকশাকার তিনটি সংখ্যা আবার না কষে কিছু হালকা করতে পারেন। CMYK একেবারে ভিন্ন জগতের, আলোর বদলে কালি। এটি বিয়োগাত্মক, চারটি মুদ্রণ প্লেটে গড়া, এবং পর্দা যত রঙে পৌঁছাতে পারে তার সবগুলোতে পারে না, কারণ পর্দা আলো ছড়ায় যখন কাগজ কেবল তা প্রতিফলিত করে।
HSL থেকে HEX রূপান্তরের সময় ফাঁদ
মূল কোড ফেরত আশা করা
আপনি একটি hex কোড থেকে শুরু করলে, তা HSL-এ রূপান্তর করলে, কিছু না বদলিয়ে আবার রূপান্তর করলে আপনি এক-দুই ধাপ দূরের একটি ভিন্ন কোড পেতে পারেন। একটি রঙের জন্য তা অদৃশ্য। একটি নকশা ব্যবস্থার জন্য ঠিক করুন কোন রূপ মাস্টার, এবং অন্যটিকে উদ্ভূত ধরুন।
সম্পৃক্তি আর উজ্জ্বলতা গুলিয়ে ফেলা
দুটি ভুল করে বদলে ফেলা সহজ: hsl(30, 28%, 29%) হলো hsl(30, 29%, 28%) নয়। ক্রম বর্ণ, সম্পৃক্তি, উজ্জ্বলতা। পর্দায় রং আপনার আশার মতো না দেখালে যাচাই করুন আপনি সেগুলো উল্টে দেননি।
উজ্জ্বলতা দীপ্তি নয় ভুলে যাওয়া
একই উজ্জ্বলতার দুটি রং দীপ্তিতে ভিন্ন দেখাতে পারে। 50% উজ্জ্বলতার হলুদ 50%-এর নীলের চেয়ে অনেক বেশি উজ্জ্বল দেখায়। লেখা ও পটভূমির রং বাছলে উজ্জ্বলতার সংখ্যা তুলনা করে নয়, একটি যথার্থ টুল দিয়ে তাদের বৈসাদৃশ্য যাচাই করুন।
পরিসরের বাইরের মান ব্যবহার
সম্পৃক্তি ও উজ্জ্বলতা 0 থেকে 100 শতাংশে সীমিত। সেই পরিসরের বাইরের মান ছেঁটে ফেলা হয়। 120% উজ্জ্বলতা সাদার চেয়ে উজ্জ্বল নয়; তা সাদা।
রূপান্তরের আগে মানুষ যে প্রশ্ন করে
hex-এ hsl(0, 100%, 50%) কী?
#FF0000, খাঁটি লাল।
hex-এ hsl(0, 0%, 100%) কী?
#FFFFFF, সাদা।
আমি কি দশমিক ব্যবহার করতে পারি?
হ্যাঁ। hsl(30.5, 28.6%, 27.8%) গৃহীত হয়। ফল পূর্ণ বাইটে গোল করা হয়।
রূপান্তর কি নিখুঁত?
আপনার টাইপ করা সংখ্যার জন্য এটি নিখুঁত বাইট দেয়, পূর্ণ মানে গোল করা। ফিরে আসা এক ধাপ দূরে নামতে পারে, কারণ HSL সংখ্যা গোল করা হয়েছিল।
আমার রং কি আপলোড হয়?
না। পাটিগণিত আপনার ব্রাউজারে চলে এবং কিছুই কোথাও পাঠানো হয় না।
কীভাবে ফিরব?
HEX থেকে HSL দিয়ে।
HSL থেকে HEX রূপান্তরের সময় বিজ্ঞতার সঙ্গে বাছা
ঠিক করুন কোন রূপ মাস্টার
আপনি HSL-এ নকশা করলে HSL মানগুলোকে উৎস রাখুন এবং hex আউটপুট হিসেবে প্রকাশ করুন। ব্র্যান্ড আপনাকে hex দিলে সেটি রাখুন এবং HSL ব্যবহার করুন কেবল বৈচিত্র্যের জন্য। দুটিকে সমান উৎস হিসেবে মেশানোই সরণ তৈরি করে।
বৈচিত্র্যের জন্য HSL, স্থির করার জন্য hex
আভার একটি পরিবার দরকার হলে HSL-এ কাজ করুন। একটি রংকে প্রতিটি টুলে অভিন্ন করে স্থির করতে হলে hex হিসেবে লিখুন।
আপনার টাইপ করা সংখ্যা রাখুন
আপনার প্যালেট নোটে hex-এর পাশে HSL মান লিখে রাখুন। পরে কেউ ফ্যাকাশে সংস্করণ চাইলে তারা আপনার সংখ্যা থেকে শুরু করতে পারে, ইতিমধ্যে গোল হওয়া কোড থেকে নয়।
চাকার ছয়টি ক্ষেত্র
কোন চ্যানেল উঁচু, কোনটি নিচু
রূপান্তর চাকাকে 60 ডিগ্রির ছয়টি ক্ষেত্রে ভাগ করে, আর প্রতিটিতে একটি চ্যানেল সর্বোচ্চে, একটি সর্বনিম্নে এবং তৃতীয়টি মসৃণভাবে বদলায়। 0 থেকে 60 পর্যন্ত লাল সর্বোচ্চে, নীল সর্বনিম্নে এবং সবুজ ওঠে: লাল হয় হলুদ। 60 থেকে 120 পর্যন্ত সবুজ সর্বোচ্চে এবং লাল পড়ে: হলুদ হয় সবুজ। 120 থেকে 180 পর্যন্ত সবুজ উঁচু থাকে এবং নীল ওঠে: সবুজ হয় সায়ান। 180 থেকে 240 পর্যন্ত নীল দায়িত্ব নেয় এবং সবুজ পড়ে। 240 থেকে 300 পর্যন্ত নীল উঁচু থাকে এবং লাল ওঠে: নীল হয় ম্যাজেন্টা। 300 থেকে 360 পর্যন্ত লাল আবার দায়িত্ব নেয় এবং নীল পড়ে। HSL থেকে HEX রূপান্তরের সময় আপনার বর্ণ কোন ক্ষেত্রে জানা কাজের, কারণ তা বলে উত্তরের তিনটি জোড়ার কোনটি বৃহত্তম হবে।
উত্তরে পারিবারিক মিল কেন
একই বর্ণ ও সম্পৃক্তির কিন্তু ভিন্ন উজ্জ্বলতার রং এমন hex কোড দেয় যা আত্মীয়ের মতো দেখায়: কোন জোড়া উঁচু আর কোনটি নিচু তার একই ধরন, কেবল ওপরে বা নিচে স্কেল করা। #5C4733, #7A5F44 ও #A38461 সবই একই পরিবারে, লাল বৃহত্তম, তারপর সবুজ, তারপর নীল। আপনি এটি এক নজরে পড়তে শিখতে পারেন, আর তা ভুল ধরা সহজ করে।
উজ্জ্বলতার একটি ঢাল গড়া
এক বর্ণ, নয় ধাপ
রূপান্তরের একটি অতি ব্যবহারিক ব্যবহার হলো একটি রঙের খুব ফ্যাকাশে থেকে খুব গাঢ় পর্যন্ত একটি ঢাল গড়া, এমন স্কেল যাকে নকশা ব্যবস্থা লেবেল করে 50, 100, 200 এবং এভাবে 900 পর্যন্ত। একটি বর্ণ ও একটি সম্পৃক্তি বাছুন, এবং উজ্জ্বলতাকে 96, 90, 80, 70, 60, 50, 40, 30 ও 20 শতাংশের মতো মানের মধ্য দিয়ে ধাপে ধাপে সরান। প্রতিটি ধাপের জন্য HSL থেকে HEX রূপান্তর করুন, আর আপনার নয়টি কোড আছে যা একসঙ্গে মানায়। প্রান্তে, সবচেয়ে ফ্যাকাশে ও সবচেয়ে গাঢ় ধাপে, কয়েক পয়েন্ট সম্পৃক্তি সামান্য কমানো প্রায়ই তা স্থির রাখার চেয়ে বেশি স্বাভাবিক দেখায়।
ধাপগুলোর নাম দেওয়া
প্রতিটি ধাপকে এমন নাম দিন যা তার ভূমিকা রেকর্ড করে, মান নয়: সবচেয়ে ফ্যাকাশের জন্য surface, পরেরটির জন্য border, সবচেয়ে গাঢ়ের জন্য text। কোডে একটি নাম পরের পাঠককে বলে রংটি কীসের জন্য, আর যে নিয়ম তা ব্যবহার করে তাতে হাত না দিয়েই আপনি তার পেছনের সংখ্যা বদলাতে পারেন।
হালকা ও গাঢ় থিম
ঢালের প্রতিফলন
একটি গাঢ় থিম প্রায়ই হালকা থিম যার ঢাল উল্টে দেওয়া: হালকা থিমে সবচেয়ে ফ্যাকাশে ধাপ পাতার পটভূমি হয় আর গাঢ়টিতে সবচেয়ে গাঢ় ধাপ পটভূমি হয়। আপনি ঢাল HSL-এ গড়লে গাঢ় থিমে আপনার খরচ দ্বিতীয় এক সেট রূপান্তর ছাড়া কিছুই নয়। বর্ণ স্থির রাখুন, যা ব্র্যান্ডের চরিত্র রক্ষা করে, এবং সম্পৃক্তি সামান্য সমন্বয় করুন, কারণ সম্পৃক্ত রং গাঢ় পটভূমিতে কড়া দেখায়।
দুই থিমই যাচাই
দুই থিমের প্রতিটি লেখা ও পটভূমির জোড়া বৈসাদৃশ্যের জন্য পরীক্ষা করুন। সাদায় কাজ করা একটি রং প্রায় কালোয় ব্যর্থ হতে পারে, এবং বৈসাদৃশ্য টুল ও আপনি এইমাত্র তৈরি করা hex কোড দিয়ে যাচাই এক মিনিট নেয়।
যখন রং সম্পর্কে আপনার কেবল মোটামুটি ধারণা
চাকা থেকে শুরু করুন, তারপর পরিমার্জন
কখনও আপনার hex কোড মোটেই থাকে না, কেবল একটি ধারণা: একটি শান্ত নীল, একটি উষ্ণ কমলা, একটি তাজা সবুজ। HSL শুরুর ভালো জায়গা, কারণ আপনি চাকার মাইলফলক থেকে একটি বর্ণ বাছতে পারেন, একটি পরিমিত সম্পৃক্তি ও মাঝারি উজ্জ্বলতা ঠিক করতে পারেন, তারপর কী পেলেন দেখতে HSL থেকে HEX রূপান্তর করতে পারেন। খুব চড়া দেখালে সম্পৃক্তি কমান; সমতল দেখালে উজ্জ্বলতা সরান। প্রতিটি চেষ্টায় কয়েক সেকেন্ড লাগে, আর আপনি একটি hex কোড নিয়ে শেষ করেন যা সরাসরি স্টাইলশিটে রাখতে পারেন।
সম্পর্কিত রূপান্তরকারী
একই পরিবারের টুল প্রতিবেশী রূপান্তর ঢাকে। ফিরতে ব্যবহার করুন HEX থেকে HSL। কোডের পেছনের সংখ্যার জন্য আছে HEX থেকে RGB ও RGB থেকে HEX, আর ছাপার জন্য HEX থেকে CMYK ও CMYK থেকে HEX। একই স্টাইলশিটের মাপের জন্য px থেকে rem দৈর্ঘ্যের জন্য তা-ই করে যা এই পাতা রঙের জন্য করে।
একটি কাজের উদাহরণ
ধরুন আপনি একটি অ্যাপের সাফল্যের অবস্থার জন্য একটি সবুজ বেছেছেন: hsl(145, 55%, 38%)। আপনি তা টাইপ করেন এবং পড়েন #2C9658। আপনি কোডটি টোকেন ফাইলে --success হিসেবে ব্যবহার করেন। একটি সাফল্যের বিজ্ঞপ্তির পটভূমির জন্য আপনি একই বর্ণ নেন, hsl(145, 45%, 94%), এবং পড়েন #E9F7EF। সীমানার জন্য hsl(145, 45%, 78%), যা পড়ে #AEE0C3। তিনটি কোড, একটি বর্ণ, সবই এক মিনিটে উদ্ভূত, আর প্রতিটি একটি সাধারণ hex কোড যা দলের যেকোনো টুল খুলতে পারে।
একটি সংক্ষিপ্ত তালিকা
রূপান্তরের আগে
তিনটি সংখ্যার ক্রম দেখুন: বর্ণ, সম্পৃক্তি, উজ্জ্বলতা। ঠিক করুন কোন রূপ আপনার মাস্টার।
রূপান্তরের সময়
মান লিখুন, hex পড়ুন এবং হ্যাশ চিহ্নসহ কপি করুন।
রূপান্তরের পরে
পর্দায় প্রসঙ্গে রংটি দেখুন, এবং পরের জন্য কোডের পাশে HSL মান টুকে রাখুন।
সাধারণ ভুল
সম্পৃক্তি আর উজ্জ্বলতা বদলে ফেলা
ক্রম বর্ণ, সম্পৃক্তি, উজ্জ্বলতা।
পুরোনো hex ফিরে পাবেন আশা করা
তা এক ধাপ দূরে নামতে পারে। গুরুত্বপূর্ণ হলে মূলটি রাখুন।
বৈসাদৃশ্যের বদলে উজ্জ্বলতা তুলনা
লেখা ও পটভূমির জন্য বৈসাদৃশ্য টুল ব্যবহার করুন।
আপনার রং আপনার ডিভাইসেই থাকে
হিসাব হয় স্থানীয়ভাবে। আপনার মান আপনার নিজের ব্রাউজার ব্যবহার করে এবং কিছুই কোথাও পাঠানো হয় না। পরে মুছে ফেলার কিছু নেই এবং তৈরি করার কোনো অ্যাকাউন্ট নেই। HSL থেকে HEX রূপান্তরের সহজ পথ এটিই।
সারসংক্ষেপ
এখানে HSL থেকে HEX রূপান্তর করতে বর্ণ ডিগ্রিতে এবং সম্পৃক্তি ও উজ্জ্বলতা শতাংশে লিখুন, এবং সঙ্গে সঙ্গে hex কোড পড়ুন। রূপান্তর চোখ যেভাবে সাজায় সেভাবে রংটি রাখে: চাকায় একটি বর্ণ, কতটা সম্পৃক্ত, কতটা হালকা। দুটি নোটেশন একই রং বর্ণনা করে, কিন্তু HSL সেগুলোয় পৌঁছায় ভিন্ন জ্যামিতির মধ্য দিয়ে এবং তার তিনটি সংখ্যা পূর্ণ ডিগ্রি ও পূর্ণ শতাংশে গোল করা হয়, তাই HSL-এ নিয়ে ফিরিয়ে আনা একটি রং শুরুর জায়গা থেকে এক বা দুই ধাপ দূরে নামতে পারে। নিখুঁত বাইট চাইলে hex রাখুন। কিছুই আপলোড হয় না।