Description

RGB stands for Red, Green, Blue and is a colour model used for digital screens such as monitors, phones, and TVs. In RGB, colours are created by combining different intensities of red, green, and blue light. Because screens emit light, RGB is the standard for digital design. This is different from print, which uses inks and typically relies on CMYK. Understanding RGB is important when designing logos, websites, and digital adverts so colours appear as intended across devices. Colour differences can still occur between screens due to calibration and display technology.

Why it Matters?

  • Ensures digital designs use the correct colour system for screens.
  • Supports consistent branding across websites and digital ads.
  • Helps avoid unexpected colour shifts when preparing assets.
  • Improves collaboration between designers and developers using shared colour values.

Key Factors

  • Light-based model: RGB uses emitted light, so colours look brighter than print.
  • Colour values: Colours are defined by numeric RGB values or hex codes.
  • Device variation: Different screens can display colours differently.
  • Colour profiles: Profiles can affect how colours are interpreted across software.
  • Digital export settings: Correct formats preserve intended colour values for web use.

Best Practices

  • Use RGB/hex values for web and digital assets.
  • Define brand colours in a shared style guide.
  • Test key colours on multiple screens if colour accuracy matters.
  • Export assets in web-friendly formats with correct colour settings.
  • Use consistent colour values across design and development.

FAQs

What is RGB?

RGB is a colour model for screens that creates colours by mixing red, green, and blue light.

When should you use RGB?

Use RGB for websites, apps, and any digital designs intended for screen display.

Why do colours look different on different screens?

Screen calibration, brightness, and display technology can cause the same RGB values to appear slightly different.

Recent Articles