CSSBeginner
CSS Colors (রং)
CSS-এ রং দেওয়ার সব পদ্ধতি — named color, hex, rgb, hsl, opacity — বাংলা টিউটোরিয়াল।
14টি অংশবাংলা ভাষায়
CSS-এ টেক্সটের রং color, পটভূমির রং background-color দিয়ে দেওয়া হয়। রং লেখার একাধিক পদ্ধতি রয়েছে।
Named colors
h1 { color: tomato; }
p { background-color: lightblue; }প্রায় ১৪০+ পরিচিত নাম (যেমন red, tomato, rebeccapurple) ব্যবহার করা যায়।
HEX কোড (#RRGGBB)
.brand { color: #16a34a; } /* সবুজ */
.sky { color: #0ea5e9; } /* নীল */HEX-এ ছয়টি অক্ষর থাকে — লাল, সবুজ, নীলের প্রতিটির জন্য দুইটি (০-৯, a-f)। যেমন #ff0000 মানে লাল।
RGB ও RGBA
p { color: rgb(255, 99, 71); }
p { color: rgba(255, 99, 71, 0.5); } /* স্বচ্ছ 50% */rgb(red, green, blue) — প্রতিটির মান ০ থেকে ২৫৫। a (alpha) ০ থেকে ১ পর্যন্ত স্বচ্ছতা নিয়ন্ত্রণ করে।
HSL
p { color: hsl(120, 100%, 25%); }
p { color: hsla(120, 100%, 25%, 0.6); }h(hue) — রংয়ের অবস্থান 0-360°s(saturation) — রংয়ের ঘনত্ব %l(lightness) — উজ্জ্বলতা %
আধুনিক পদ্ধতি
ঢাকা-শৈলীর আধুনিক CSS-এ oklch() ও color-mix() ব্যবহৃত হয় — এগুলো visually সমান রং তৈরি করে। তবে hex ও hsl এখনও সর্বাধিক চলতি।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।