Update pages/Info _of_Image.py

pages/Info _of_Image.py

@@ -114,8 +114,53 @@ col1, col2, col3 = st.columns(3)
 
 with col1:
     if st.button("Color Space"):
-        if st.switch_page("sub_pages/Colorspace"):  # Added the missing colon
-            pass  # Add any actions you want to perform when the button is pressed
+        st.markdown("<h2 style='text-align: left; color: Black;'>What is Colour Space?</h2>", unsafe_allow_html=True)
+        st.markdown(
+        "<p style='font-size: 16px; color: White; font-style: italic;'>"
+        "Color space refers to the specific organization of colors, which helps in the reproduction of color in both physical and digital environments. Common color spaces include RGB, CMYK, and HSV.Common color spaces include RGB, CMYK, and HSV. Each color space has different uses and is based on distinct principles:"
+        "</p>", 
+        unsafe_allow_html=True
+        )
+        st.markdown("<h3 style='text-align: left; color: Black;'>RGB (Red, Green, Blue): </h3>", unsafe_allow_html=True)
+        st.markdown(
+        "<p style='font-size: 16px; color: White; font-style: italic;'>"
+        "This color model is based on the way human vision perceives light. In RGB, colors are created by combining different intensities of red, green, and blue light. It is primarily used for screens and digital displays like monitors and televisions."
+         "</p>",   
+        unsafe_allow_html=True
+        )
+        st.markdown(
+        "<p style='font-size: 16px; color: White; font-style: italic;'>"
+            "we use cv2.cvtColor() to convert the image from RGB (or BGR in OpenCV) to Grayscale."
+            "</p>",
+            unsafe_allow_html=True
+        )
+        st.markdown("<h3 style='text-align: left; color: Black;'>CMYK (Cyan, Magenta, Yellow, Key/Black): </h3>", unsafe_allow_html=True)
+        st.markdown(
+        "<p style='font-size: 16px; color: White; font-style: italic;'>"
+        "The CMYK color space is used in color printing. It relies on the subtractive model, where colors are created by subtracting light through layers of ink. When combined in various proportions, CMYK creates a wide range of colors."
+         "</p>",
+            unsafe_allow_html=True
+        )
+        st.markdown("<h3 style='text-align: left; color: Black;'>HSV (Hue, Saturation, Value): : </h3>", unsafe_allow_html=True)
+        st.markdown(
+        "<p style='font-size: 16px; color: White; font-style: italic;'>"
+            "This model is often used in graphic design and image processing, as it aligns more closely with how humans perceive color. It allows for easier manipulation of color through hue (the type of color), saturation (the intensity), and value (brightness)."
+            "</p>",
+            unsafe_allow_html=True
+        )
+        st.markdown(
+        "<p style='font-size: 16px; color: White; font-style: italic;'>"
+            "Each color space is suited for different applications, depending on the medium and technology used. Choosing the correct color space is crucial for ensuring that colors appear as intended, whether you're working with digital graphics, web design, or printed materials."
+            "</p>",
+            unsafe_allow_html=True
+        )
+        
+        
+    
+
+
+        
+
 
 # Add a link to the code
 st.markdown(