ScholarQuill logoScholarQuillUniversity Notes
  • Notes
  • Past Papers
  • Blogs
  • Todo
Login
ScholarQuill logoScholarQuillUniversity Notes
Login
NotesPast PapersBlogsTodo
More
SubjectsDiscussionCGPA CalculatorGPA CalculatorStudent PortalCourse Outline
About
About usPrivacy PolicyReportContact
Notes
Past Papers
Blogs
Todo
Analytics
    Current Subject
    🧩
    HCI & Computer Graphics
    COMP3145
    Progress0 / 73 topics
    Topics
    1. The Human: Input-output channels2. Human memory3. Thinking, Reasoning, Problem solving4. Emotions and Individual differences5. Psychology and design of interacting systems6. The Computer: Text entry devices7. Positioning, Pointing, and drawing devices8. Display devices9. Devices for virtual reality and 3D interaction10. Physical controls, Sensors and special devices11. Paper printing and scanning12. Memory, Processing and networks13. The Interaction: Models of interaction14. Frameworks and HCI15. Ergonomics16. Interaction styles17. Elements of the WIMP interfaces18. Interactivity and Context of interaction19. Usability Paradigm and Principles: Introduction20. Paradigms for interaction21. Interaction Design Basics: What is design22. Process of design and User focus23. Navigation design24. Screen design and layout25. Iteration and prototyping26. HCI in Software Process: Software life cycle27. Usability engineering28. Iterative design and prototyping29. Design rationale30. Design rules and Guidelines31. Golden rules and heuristics32. HCI patterns33. Evaluation techniques and methods34. Task analysis35. Universal design36. User support systems37. Computer Supported Cooperative Work38. Groupware systems39. Implementation of synchronous groupware40. Ubiquitous computing41. History of Computer Graphics42. Graphics architectures and software43. Imaging and vision: Pinhole camera, Human vision, Synthetic camera44. Modeling vs. rendering45. OpenGL Architecture46. Displaying simple two-dimensional geometric objects47. Positioning systems and windowed environment48. Color perception and models49. RGB, CMY, HLS color models50. Color transformations51. Color in OpenGL: RGB and indexed color52. Input: Network environment and client-server computing53. Input measures: event, sample and request input54. Using callbacks and picking55. Affine transformations: translation, rotation, scaling, shear56. Homogeneous coordinates and concatenation57. Current transformation and matrix stacks58. Three Dimensional Graphics: Classical viewing59. Specifying views in 3D60. Affine transformation in 3D61. Projective transformations62. Ray tracing63. Shading: Illumination and surface modeling64. Phong shading model65. Polygon shading66. Rasterization: Line drawing via Bresenham's algorithm67. Clipping and polygonal fill68. BitBlt operations69. Hidden surface removal (z buffer)70. Discrete Techniques: Buffers71. Reading and writing bitmaps and pixel maps72. Texture mapping73. Compositing
    COMP3145›Color transformations
    HCI & Computer GraphicsTopic 50 of 73

    Color transformations

    4 minread
    763words
    Beginnerlevel

    1. Definition

    Color Transformation refers to the process of modifying the color properties of an image or graphical object. This can involve changing brightness, contrast, hue, saturation, or converting colors between different models (like RGB ↔ CMY).

    Purpose:

    • Enhance visual appearance
    • Correct color distortions
    • Adapt colors for different devices (monitors, printers)
    • Enable effects in graphics and image processing

    2. Types of Color Transformations

    A. Brightness Transformation

    • Definition: Adjusts the overall lightness or darkness of an image.

    • Method (in RGB):

      R′=R+ΔB,G′=G+ΔB,B′=B+ΔBR' = R + \Delta B, \quad G' = G + \Delta B, \quad B' = B + \Delta BR′=R+ΔB,G′=G+ΔB,B′=B+ΔB

      Where ΔB\Delta BΔB is the brightness increment or decrement.

    • Effect:

      • Positive ΔB\Delta BΔB → Image becomes lighter
      • Negative ΔB\Delta BΔB → Image becomes darker

    B. Contrast Transformation

    • Definition: Adjusts the difference between light and dark areas of an image.
    • Method: R′=α(R−128)+128,G′=α(G−128)+128,B′=α(B−128)+128R' = \alpha (R - 128) + 128, \quad G' = \alpha (G - 128) + 128, \quad B' = \alpha (B - 128) + 128R′=α(R−128)+128,G′=α(G−128)+128,B′=α(B−128)+128 Where α>1\alpha > 1α>1 increases contrast, 0<α<10 < \alpha < 10<α<1 decreases contrast.

    C. Color Inversion / Negative

    • Definition: Converts a color to its complement.
    • Method (in RGB 0–255): R′=255−R,G′=255−G,B′=255−BR' = 255 - R, \quad G' = 255 - G, \quad B' = 255 - BR′=255−R,G′=255−G,B′=255−B
    • Use: Special effects, medical imaging, or enhancing details.

    D. Gray-scale Conversion

    • Definition: Converts a colored image to shades of gray.
    • Method (Weighted Average for Human Perception): Gray=0.3R+0.59G+0.11BGray = 0.3R + 0.59G + 0.11BGray=0.3R+0.59G+0.11B
    • Applications: Printing, image analysis, computer vision.

    E. Color Model Transformation

    • Definition: Convert colors from one model to another.

    • Examples:

      • RGB → CMY: C=1−R,M=1−G,Y=1−BC = 1-R, M = 1-G, Y = 1-BC=1−R,M=1−G,Y=1−B
      • RGB → HLS: Convert RGB to Hue, Lightness, Saturation for perceptual operations
      • HLS → RGB: Convert back for display
    • Purpose: Enables easier manipulation of hue, saturation, or intensity.


    F. Intensity Transformation

    • Definition: Map pixel intensity values to new values using a function.

    • Examples:

      • Linear Transformation: s=αr+βs = \alpha r + \betas=αr+β
      • Log Transformation: s=c⋅log⁡(1+r)s = c \cdot \log(1+r)s=c⋅log(1+r) (enhances dark regions)
      • Power-law Transformation: s=c⋅rγs = c \cdot r^\gammas=c⋅rγ (gamma correction)

    Applications: Contrast enhancement, gamma correction, and image correction for displays.


    G. Color Filtering / Masking

    • Definition: Alter or isolate specific color components in an image.
    • Example: Remove all red tones or highlight blue areas.

    3. Applications of Color Transformations

    • Image enhancement: Improve visibility, clarity, and aesthetics
    • Computer vision: Preprocessing images for feature extraction
    • Printing & display correction: Convert and adapt colors for different devices
    • User interfaces: Dynamic color changes for interaction, themes, or alerts
    • Special effects in graphics: Sepia, negative, and color shifting

    4. Key Takeaways

    • Color transformations allow flexible manipulation of images and graphics.
    • Basic operations include brightness, contrast, negative, grayscale.
    • Advanced transformations involve color model conversions and intensity mapping.
    • They are essential in graphics, HCI design, multimedia, and visualization.
    Previous topic 49
    RGB, CMY, HLS color models
    Next topic 51
    Color in OpenGL: RGB and indexed color

    Past Papers

    Open this section to load past papers

    Click on Show Past Papers to see past papers.
    On This Page
      Reading Stats
      Est. reading time4 min
      Word count763
      Code examples0
      DifficultyBeginner