COLOR CODE

RGB & HEX Color Derivation Tree

The following hierarchy illustrates how colors are derived using the RGB (Red-Green-Blue) additive color model together with their corresponding HEX color codes.

1. Color Derivation Tree

COLORS
│
├── Primary Colors (RGB)
│   ├── Red
│   │   ├── RGB : (255, 0, 0)
│   │   └── HEX : #FF0000
│   │
│   ├── Green
│   │   ├── RGB : (0, 255, 0)
│   │   └── HEX : #00FF00
│   │
│   └── Blue
│       ├── RGB : (0, 0, 255)
│       └── HEX : #0000FF
│
├── Secondary Colors
│   ├── Yellow = Red + Green
│   │   ├── RGB : (255,255,0)
│   │   └── HEX : #FFFF00
│   │
│   ├── Cyan = Green + Blue
│   │   ├── RGB : (0,255,255)
│   │   └── HEX : #00FFFF
│   │
│   └── Magenta = Red + Blue
│       ├── RGB : (255,0,255)
│       └── HEX : #FF00FF
│
├── Tertiary Colors
│   ├── Orange
│   │   ├── RGB : (255,165,0)
│   │   └── HEX : #FFA500
│   │
│   ├── Chartreuse
│   │   ├── RGB : (127,255,0)
│   │   └── HEX : #7FFF00
│   │
│   ├── Spring Green
│   │   ├── RGB : (0,255,127)
│   │   └── HEX : #00FF7F
│   │
│   ├── Azure
│   │   ├── RGB : (0,127,255)
│   │   └── HEX : #007FFF
│   │
│   ├── Violet
│   │   ├── RGB : (127,0,255)
│   │   └── HEX : #7F00FF
│   │
│   └── Rose
│       ├── RGB : (255,0,127)
│       └── HEX : #FF007F
│
├── Neutral Colors
│   ├── Black
│   │   ├── RGB : (0,0,0)
│   │   └── HEX : #000000
│   │
│   ├── White
│   │   ├── RGB : (255,255,255)
│   │   └── HEX : #FFFFFF
│   │
│   └── Gray
│       ├── RGB : (128,128,128)
│       └── HEX : #808080
│
└── Brown Family
    ├── Saddle Brown
    │   ├── RGB : (139,69,19)
    │   └── HEX : #8B4513
    │
    ├── Chocolate
    │   ├── RGB : (210,105,30)
    │   └── HEX : #D2691E
    │
    ├── Peru
    │   ├── RGB : (205,133,63)
    │   └── HEX : #CD853F
    │
    ├── Tan
    │   ├── RGB : (210,180,140)
    │   └── HEX : #D2B48C
    │
    └── Beige
        ├── RGB : (245,245,220)
        └── HEX : #F5F5DC

2. RGB Derivation Logic

Derived Color	RGB Formula	RGB Result	HEX Code
Black	(0,0,0)	(0,0,0)	#000000
Red	(255,0,0)	(255,0,0)	#FF0000
Green	(0,255,0)	(0,255,0)	#00FF00
Blue	(0,0,255)	(0,0,255)	#0000FF
Yellow	Red + Green	(255,255,0)	#FFFF00
Cyan	Green + Blue	(0,255,255)	#00FFFF
Magenta	Red + Blue	(255,0,255)	#FF00FF
White	Red + Green + Blue	(255,255,255)	#FFFFFF

3. Understanding HEX Color Codes

Every HEX color follows the format:

#RRGGBB

Where:

• RR = Red component (00–FF)
• GG = Green component (00–FF)
• BB = Blue component (00–FF)

Color	Red	Green	Blue	HEX
Red	FF	00	00	#FF0000
Green	00	FF	00	#00FF00
Blue	00	00	FF	#0000FF
Yellow	FF	FF	00	#FFFF00
Cyan	00	FF	FF	#00FFFF
Magenta	FF	00	FF	#FF00FF
White	FF	FF	FF	#FFFFFF
Gray	80	80	80	#808080
Black	00	00	00	#000000

4. Summary

The RGB model is an additive color system in which colors are created by combining varying intensities of Red, Green, and Blue. Each RGB component ranges from 0 to 255, while the corresponding HEX representation stores these values in hexadecimal notation (00–FF).

This derivation tree provides a structured reference for understanding the relationship between primary, secondary, tertiary, neutral, and brown-family colors used in digital graphics, web development, CSS styling, and user interface design.