Color-CSS Frameworks(Bootstrap 4+W3.CSS+Materialize Css)

কালারঃ

আজ আমরা আমাদের সেই তিনটি সিএসের কালার ক্লাস গুলো নিয়ে কথা বলবো।

Bootstrap 4:

Text color:

.text-muted
.text-primary
.text-success
.text-info
.text-warning
.text-danger
.text-secondary
.text-white.
.text-dar
.text-body

তিনটি  কালো এবং সাদা কালারের সাথে ৫০% ওপাসিটি ব্যাভার করা যাবে।

.text-black-50 or .text-white-50 . 

Background color:

.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark and .bg-light.

W3.CSS:

Red,

Pink,Purple,Deep,Purple,Indigo,Blue,Light,Blue,Cyan,Aqua,Teal,Green,Light,Green,Lime,Sand,Khaki,Yellow,Amber,Orange,Deep Orange Blue Gray,Brown,Light Gray,Gray,Dark Gray,Pale Red,Pale Yellow,Pale,Green,Pale-Blue.

Text color:

.w3-text-color(Example:.w3-text-red)

Background color:

.w3-color(Example:.w3-red)

Hover text and background color:

.w3-hover-text-color
.w3-hover-color

Materialize CSS:

Text color:

color-text
text-darken-2
text-lighten-2 (লেখার ওপাসিটি নিয়ন্ত্রন করে।)

Background color:

.color
lighten-3
darken-2
accent-4(ব্যাকগ্রাউন্ড ওপাসিটি নিয়ন্ত্রন করে।)

lighten  range 1 to 5.

darken range 1 to 4.

accent range 1 to 4.