Interactive Maths • Colour Studio

RGB & Hex Colour Code Maths

రంగుల వెనుక ఉన్న గణితాన్ని చూడండి! Explore RGB, Decimal ↔ Hexadecimal and HTML colour codes with live examples.

1 RGB Colour System

Red + Green + Blue — తెరపై రంగులు తయారయ్యే మూడు ఛానళ్లు.

RedRGB (255, 0, 0)
GreenRGB (0, 255, 0)
BlueRGB (0, 0, 255)
“మూడు ఛానళ్లు… లక్షల రంగుల అద్భుతం!”
256 × 256 × 256 = 16,777,216 colours

ప్రతి ఛానల్ విలువ 0–255. అంటే ప్రతి ఛానల్‌కు 256 సాధ్యమైన విలువలు.

2 Additive Colours — RGB Circle

మీ నోట్స్‌లోని R, G, B circles: కాంతి రంగులు కలిసినప్పుడు మధ్యలో కొత్త రంగులు ఏర్పడతాయి.

R • REDB • BLUEG • GREEN MAGENTAYELLOWCYAN W
Touch a circle / వృత్తాన్ని తాకండి: White · #FFFFFF
White Preview
“కాంతి రంగులు కలిస్తే — Red + Green + Blue = White!”

R + G = Yellow · R + B = Magenta · G + B = Cyan · R + G + B = White

3 Live RGB Colour Mixer

స్లైడర్లను జరపండి — రంగు, RGB, Hex code వెంటనే మారతాయి.

Rose Pink
Colour Name: Rose Pink

RGB: rgb(232, 59, 98)

HEX: #E83B62

4 Decimal → Hexadecimal

Decimal‌లో 0–9; Hexadecimal‌లో 0–9 మరియు A–F వాడతాం.

Hex digits: 0 1 2 3 4 5 6 7 8 9 A B C D E F

A=10, B=11, C=12, D=13, E=14, F=15

“16తో భాగించు; మిగిలిన శేషాలను వెనుక నుంచి చదువు!”

Hex result: FF

5 Hexadecimal → Decimal

ప్రతి digit‌ను దాని స్థాన విలువ \(16^n\)తో గుణించి కలపాలి.

(4B7)₁₆ = 4×16² + 11×16¹ + 7×16⁰

Decimal result: 1207

6 HTML Hex Colour Code

Hex colour code‌లో # తర్వాత ఆరు అంకెలు: RR GG BB — ఒక్కో రంగుకు రెండు digits.

# R R G G B B

ఉదాహరణ: #FF0000

<div style="background-color:#FF0000; color:white;">Red</div>

R = Red, G = Green, B = Blue. FF = 255; 00 = 0.

#FF0000Red
#00FF00Green
#0000FFBlue
“ఒక Hex code — మీ వెబ్‌పేజీకి ఒక కొత్త రంగు!”

7 Quick Practice • Try it yourself

సమాధానం ఎంచుకోండి. Learn by doing!

Q1. Decimal 255 = ?

Q2. Hex A = ?

Q3. #000000 means?

10 CMYK Colour Mixer • Touch & Preview

Cyan, Magenta, Yellow, Key/Black sliders‌ను touch చేయండి — preview colour మరియు CMYK values live‌గా మారతాయి.

↕ Drag here to move / ఇక్కడ పట్టుకుని జరపండి↘ Resize
CMYK Preview
கைபிடியை கீழ்-வலப்புறம் இழுத்து அளவை மாற்றவும் / Drag bottom-right corner to resize

Touch the colour strips directly / రంగు పట్టీలపై నేరుగా వేలు జరపండి

CMYK: C:100% M:0% Y:0% K:0%

Approx. RGB: rgb(0, 255, 255)

Hex: #00FFFF

గమనిక: ఇది screen preview కోసం standard CMYK-to-RGB approximation; print output paper/ink profile‌ను బట్టి మారవచ్చు.

8 Formula Cheat Sheet

ConceptFormula / ExampleMeaning
RGB channel0 ≤ R,G,B ≤ 255Each channel has 256 values
Total combinations256³ = 16,777,216Possible RGB combinations
Decimal → Hex255₁₀ = FF₁₆Divide by 16, read remainders backwards
Hex → Decimal4B7₁₆ = 1207₁₀4×256 + 11×16 + 7
HTML Red#FF0000R=255, G=0, B=0

గమనిక / Note: ఈ interactive page మీ PDF‌లోని RGB, Hex digits, conversion examples, HTML colour code అంశాలను ఆధారంగా రూపొందించబడింది. PDFలో లేని అదనపు అంశాలు చేర్చలేదు; తప్పుగా కనిపించే గణనలను సరైన arithmetic‌తో చూపించాం.

9 Hex Calculation Lab • కొత్త లెక్కల ప్రయోగశాల

Addition, subtraction, multiplication, division, RGB ↔ Hex — inputs మార్చగానే steps & answers కనిపిస్తాయి.

Hex Addition / హెక్స్ కూడిక

Hex Subtraction / హెక్స్ తీసివేత

Hex Multiplication / హెక్స్ గుణకారం

Hex Division / హెక్స్ భాగహారం

RGB → Hex / RGB నుంచి Hex

ప్రతి channel 0–255 మధ్య integer అయి ఉండాలి.

Hex → RGB / Hex నుంచి RGB

Hex digits: 0–9, A=10, B=11, C=12, D=13, E=14, F=15. Invalid inputs show an error instead of a misleading answer.