সব টুল বিনামূল্যে

একটি সুন্দর swatch গ্রিডে সমস্ত ১৪০টি স্ট্যান্ডার্ড CSS/HTML নামযুক্ত রঙ ব্রাউজ করুন — নাম বা hex দিয়ে খুঁজুন, রঙের পরিবার অনুযায়ী ফিল্টার করুন এবং এক ক্লিকে যেকোনো রঙের hex, rgb() বা hsl() মান কপি করুন। আপনার ব্রাউজারে, বিনামূল্যে।

সমস্ত ১৪০টি স্ট্যান্ডার্ড CSS/HTML নামযুক্ত রঙ, তাদের hex, RGB ও HSL মান সহ। সবকিছু একটি বিল্ট-ইন রেফারেন্স থেকে আপনার ব্রাউজারে চলে — কিছুই সার্ভারে পাঠানো হয় না।

আপনার অনুসন্ধানের সাথে কোনো রঙ মিলছে না।
ভিন্ন একটি নাম বা hex চেষ্টা করুন — যেমন RebeccaPurple, #00FF00 বা teal।

HTML Color Names সম্পর্কে

এই রেফারেন্সটি একটি রেসপন্সিভ swatch গ্রিড হিসেবে সব 140টি স্ট্যান্ডার্ড CSS/HTML নামযুক্ত রং উপস্থাপন করে — AliceBlue থেকে YellowGreen পর্যন্ত ব্রাউজারগুলো যে পূর্ণ তালিকা বোঝে। প্রতিটি swatch তার নাম ও হেক্স মানসহ রংটি দেখায়, এবং একটিতে ক্লিক করলে এর হেক্স, rgb() ও hsl() ফর্ম খোলে, প্রতিটি এক ক্লিকে কপিযোগ্য।

আপনি নাম বা হেক্স মান দিয়ে খুঁজতে পারেন — Tomato এবং #FF6347 একই swatch খুঁজে পায় — এবং পরিবার দিয়ে ফিল্টার করতে পারেন: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites এবং Grays & Blacks। মোটামুটি কোন hue চান তা জানা থাকলে প্রার্থী শর্টলিস্ট করার সবচেয়ে দ্রুত উপায় হলো পরিবার ভিউ।

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

HTML Color Names কীভাবে ব্যবহার করবেন

  1. রঙের নাম বা হেক্স মান দিয়ে খুঁজুন — যেমন Tomato, teal বা #00FF00।
  2. একই hue রেঞ্জের রং শর্টলিস্ট করতে পরিবার দিয়ে ফিল্টার করুন — Reds, Blues, Grays ইত্যাদি।
  3. একটি swatch-এর হেক্স মান তাৎক্ষণিক কপি করতে সেটিতে ক্লিক করুন।
  4. বদলে rgb() বা hsl() ফর্ম কপি করতে swatch পপওভার খুলুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

আধুনিক CSS-এ 140টি স্ট্যান্ডার্ড নামযুক্ত রং আছে, যা বৃহত্তর X11-উদ্ভূত তালিকা দিয়ে মূল 16টি HTML রংকে প্রসারিত করেছে। প্রতিটি বর্তমান ব্রাউজার সেসব সবগুলোই সমর্থন করে, যেকোনো প্রপার্টিতে যা রং গ্রহণ করে।

না। tomato, Tomato এবং TOMATO — সবই CSS ও HTML-এ বৈধ ও অভিন্ন। এখানে দেখানো ক্যামেল-কেসড ফর্মগুলো শুধু প্রথাগত বানান, যা LightGoldenrodYellow-এর মতো একাধিক-শব্দের নামকে পাঠযোগ্য করে তোলে।

উদাহরণ, প্রোটোটাইপ ও একবারের অ্যাকসেন্টের জন্য নাম দারুণ; প্রোডাকশন প্যালেট সাধারণত হেক্স, rgb() বা hsl() মানসহ কাস্টম প্রপার্টিতে থাকে, কারণ ডিজাইন-সিস্টেমের রং খুব কমই একটি নামযুক্ত রঙের সাথে হুবহু মেলে। কার্যকরভাবে, একটি নাম ও তার হেক্স পরস্পর বিনিময়যোগ্য।

CSS-এ gray-এর জন্য দুই বানানই অন্তর্ভুক্ত — gray/grey, darkgray/darkgrey ইত্যাদি — প্রতিটি জোড়া একই মানে ম্যাপ করে, তাই কোনো বানানই ভুল নয়।

হ্যাঁ। সবগুলো 140টি swatch, সার্চ, পরিবার ফিল্টার এবং hex/rgb()/hsl() কপিং — সবই বিনামূল্যে এবং সম্পূর্ণভাবে আপনার ব্রাউজারে চলে।

শেয়ার করুন
সাহায্য দরকার?
এই টুলে কোনো সমস্যা পেয়েছেন? আমাদের দলকে জানান।
সমস্যা রিপোর্ট করুন

আপনার নিজের ওয়েবসাইটে এই বিনামূল্যের টুলটি যোগ করুন — নিচের কোডটি কপি করে পেস্ট করুন।