Spaces:
Sleeping
Sleeping
Update pages/Data Collection.py
Browse files- pages/Data Collection.py +36 -3
pages/Data Collection.py
CHANGED
|
@@ -385,16 +385,49 @@ elif st.session_state.current_page == "explore_images_video":
|
|
| 385 |
</div>
|
| 386 |
""", unsafe_allow_html=True)
|
| 387 |
|
| 388 |
-
# Section: What is Black and White Color Space?
|
| 389 |
st.subheader("What is Black and White Color Space?")
|
| 390 |
st.write("""
|
| 391 |
Black and White color space, also known as binary color space, represents an image using only two colors:
|
| 392 |
-
**black** and **white**.
|
| 393 |
|
| 394 |
-
|
|
|
|
|
|
|
|
|
|
| 395 |
Black and White color space eliminates all color information, focusing entirely on light intensity.
|
| 396 |
""")
|
| 397 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 398 |
|
| 399 |
# Go Back Button
|
| 400 |
if st.button("Go Back"):
|
|
|
|
| 385 |
</div>
|
| 386 |
""", unsafe_allow_html=True)
|
| 387 |
|
|
|
|
| 388 |
st.subheader("What is Black and White Color Space?")
|
| 389 |
st.write("""
|
| 390 |
Black and White color space, also known as binary color space, represents an image using only two colors:
|
| 391 |
+
**black** and **white**.
|
| 392 |
|
| 393 |
+
- **0** represents **black**.
|
| 394 |
+
- **1** or **255** (depending on the encoding) represents **white**.
|
| 395 |
+
|
| 396 |
+
Each pixel in this color space is either completely black or completely white.
|
| 397 |
Black and White color space eliminates all color information, focusing entirely on light intensity.
|
| 398 |
""")
|
| 399 |
|
| 400 |
+
# Section: What is Grayscale Color Space?
|
| 401 |
+
st.subheader("What is Grayscale Color Space?")
|
| 402 |
+
st.write("""
|
| 403 |
+
Grayscale color space represents an image using different shades of gray, ranging from **black** to **white**.
|
| 404 |
+
|
| 405 |
+
- **0** represents **black** (no light intensity).
|
| 406 |
+
- **255** represents **white** (maximum light intensity).
|
| 407 |
+
- Values between **0 and 255** represent varying shades of gray.
|
| 408 |
+
|
| 409 |
+
Grayscale eliminates color information, focusing entirely on the intensity of light in an image. Each pixel has only one intensity value, making it a simpler and more compact representation compared to color images.
|
| 410 |
+
""")
|
| 411 |
+
|
| 412 |
+
# Section: What is RGB Color Space?
|
| 413 |
+
st.subheader("What is RGB Color Space?")
|
| 414 |
+
st.write("""
|
| 415 |
+
RGB color space represents an image using three primary colors: **Red**, **Green**, and **Blue**.
|
| 416 |
+
|
| 417 |
+
- Each color is represented by a value ranging from **0** (no intensity) to **255** (maximum intensity).
|
| 418 |
+
- A combination of these three color channels creates a wide range of colors.
|
| 419 |
+
- For example:
|
| 420 |
+
- **(255, 0, 0)** represents pure **Red**.
|
| 421 |
+
- **(0, 255, 0)** represents pure **Green**.
|
| 422 |
+
- **(0, 0, 255)** represents pure **Blue**.
|
| 423 |
+
- **(255, 255, 255)** represents **White** (maximum intensity for all channels).
|
| 424 |
+
- **(0, 0, 0)** represents **Black** (no intensity in any channel).
|
| 425 |
+
|
| 426 |
+
RGB is the most common color space used in digital imaging and is ideal for screens and devices that emit light.
|
| 427 |
+
""")
|
| 428 |
+
|
| 429 |
+
|
| 430 |
+
|
| 431 |
|
| 432 |
# Go Back Button
|
| 433 |
if st.button("Go Back"):
|