Pixel Screen size

Refers to the physical dimensions of the

viewable area on a display.
Smallest display unit of a screen ixo¾Ylh u; kerôh yels marfoaYfha
;srhl l=vdu ixo¾Yl tAllh fN!;sl udkhka fõ'

Measured diagonally in inches, this

It's like a single dot on your computer
accounts for both height and width
screen that has its own color and
úl¾K Èf.a wÕ,a j,ska ukskq ,nhs fuu.ska
brightness. Wi iy m<, hk folu ie,lsh yels fõ
th Tfí mß.Kl ;srfha we;s ;ks ;s;la yd
iudkh thg wdfõksl j¾Khla iy §ma;shla
we;' Aspect ratio
Aspect ratio refers to the proportional
Millions of these pixels come together to relationship between the width and height
create the images you see. of an image or screen.
fuu mslai, ñ,shk .Kkla tl;= ù Tn o¾Yk wkqmd;h hkq rEmhl fyda ;srhl
olsk rEm ks¾udKh lrhs' m<, iy Wi w;r iudkqmd;sl
iïnkaO;djhhs'
Each pixel consists of three subpixels - one
red, one green, and one blue.
iEu mslai,hlau Wm mslai, ;=klska
iukaú; fõ - r;=" fld< iy ks,a'

By varying the intensity of each subpixel,

pixels can display a wide range of colors.
tla tla Wm mslai,fha ;Sj%;djh fjkia
lsÍfuka" mslai,j,g mq¿,a mrdihl j¾K
fmkaúh yel'

Arrays of pixels:

LCD Displays OLED displays

Resolution Resolution is independent of the physical
Resolution is determined by the number size of an image or display.
of pixels packed into a specific area, often úfNaokh rEmhl fyda ixo¾Ylfha fN!;sl
expressed as (width x height) m%udKfhka iajdëk fõ'
úfNaokh ;SrKh jkafka ksYÑ a ; m%foaYhlg
weiqreï lr we;s mslai, .Kk wkqj" Fewer pixels (lower resolution) result in a
fndfyda úg ^m<, x Wi& f,i m%ldY fõ' less detailed image.
Ex: 1920 x 1080 pixels wvq mslai, ^wvq úfNaokh& wvq úia;r iys;
rEmhla we;s lrhs'
More pixels crammed into a display or
image (higher resolution) means sharper
and clearer details.
ixo¾Ylhl fyda rEmhl mslai, jeä jQ úg
wmg ;shqKq rEm ,nd .; yel

Low resolution High resolution

256x144 px 640x360 px 640x480 px

RGB & CMYK Similarly, if need to display a colour on a
RGB stands for Red, Green and Blue, also white background where all the colours
known as additive colours are already present, we need to subtract
RGB hkq r;=" fld< iy ks,a" wdl,k j¾K the unwanted colours hence CMYK is
f,io ye¢kafõ known as subtractive colours.
tA yd iudkj" ish¨u j¾K oekgu;a mj;sk
iqÿ miqìul j¾Khla fmkaùug wjYH kï"
wms wkjYH j¾K wvq l< hq;=h" tneúka
CMYK wvq lsÍfï j¾K f,i ye¢kafõ'
Ex: Printers, crayons, colour pencils)

We can obtain different colours by varying

the intensity of primary colours that mix
together.
CMYK stands for Cyan, Magenta, Yellow
tlg ñY% jk m%d:ñl j¾Kj, ;Sj%;djh
and Key (black), also known as subtractive fjkia lsÍfuka wmg úúO j¾K ,nd .;
colours. yel'
CMYK hkq ihka" uefckagd ly iy Key
(l¿), wvq lsÍfï j¾K f,io ye¢kafõ'
Feature RGB CMYK

Colour
Subtractive
Model Additive
wvq lsÍfï
j¾K wdl,k j¾K
j¾K
wdlD;sh

Primary Cyan, Magenta,

Colours Red, Green, Blue Yellow, Black
mard:ñl r;=" fld<" ks,a ihka" uefckagd"
White consists of all the colours and black j¾K ly" l¿

consist of no colour.
iqÿ j¾Kh ish¨ j¾Kj,ska iukaú; jk Adding light Subtracting
w;r l¿ mdfgys lsisÿ j¾Khla fkdue;' Mixing creates brighter light creates
Colours colours darker colours
j¾K wdf,dalh tl;= wdf,dalh wvq
If we need to display a colour on a black ñYar lsÍu §ma;su;a lsÍu w÷re
background, where no colour is already lsÍu j¾K ks¾udKh j¾K ks¾udKh
lrhs lrhs
present, we need to add the colour hence
RGB is known as additive colours.
wmg l¿ miqìul j¾Khla fmkaùug wjYH Digital displays Printed
kï" oekgu;a j¾Khla fkdue;s úg" wms (monitors, TVs) materials
Best Use
j¾Kh tla l< hq;=h" tneúka RGB wdl,k Ndú;h äðg,a ixo¾Yl (paper, fabric)
j¾K f,i ye¢kafõ' ^fudksgr" uqøs; øjH
rEmjdyskS& ^lvodis" frÈ&
Ex: Displays (TV, Monitor, Phone)
Colour Depth The more bits we use to display an image,
Refers to the number of bits used to the larger the file size be.
represent the color of a single pixel in an rEmhla fmkaùug wms Ndú;d lrk ìgq .Kk
image or on a screen. jeä jk ;rug f.dkq m%udKh úYd, fõ'
rEmhl fyda ;srhl ;ks mslai,hl j¾Kh
ksrEmKh lsÍug Ndú;d lrk ìgq .Kk' In an 8-bit RGB image there are 8 bits to
each red green and blue channels.
Each bit represents a binary value, either 0 8-bit RGB rEmhla ;=< iEu r;= fld< iy
or 1. ks,a kd,sldjlgu ìgq 8la we;'
iEu ìÜ tllau oaúuh w.hla ksfhdackh
lrhs" 0 fyda 1' This means there are 256 different shades
for each primary colour
With one bit, we have 2 possible colors, fuhska woyia jkafka tla tla mard:ñl
with 2 bits we have 4 different colours. j¾Kh i|yd úúO j¾K 256 la we;s njhs
tla ìÜ tllsk"a wmg j¾K ^^2&& la iEÈh
yelsh" ìgq 2 lska wmg úúO j¾K ^4& la Therefore, by mixing them we can
we;' approximately make 16 million different
colours.
tneúka" tAjd ñYar lsÍfuka wmg wdikak
jYfhka úúO j¾K ñ,shk 16 la iEÈh
yelsh'

16.77 million
256 x 256 x 256 =
colours

In a 10-Bit RGB image with 10 bits for each

colour we can obtain 1.07 billion colours
tla tla j¾Kh i|yd ìgq 10 la iys; 10-Bit
1 Bit (2 colours) 2 Bits (4 colours) RGB rEmhla ;=< wmg j¾K ì,shk 1.07 la
,nd .; yelsh

4 Bits (16 colours) 8 Bits (256 colours)

RGB Hex code
To easily represent a specific 8-bit colour
we use a code with hexadecimal values
a ; 8-bit j¾Khla myiqfjka ksrEmKh
ksYÑ
lsÍu i|yd IâoYu w.hka iys; fla;hla
Ndú;d lrhs

Each RGB channel can have 256 different

colours in an 8-bit file
iEu RGB kd,sldjlgu 8-bit f.dkqjl úúO
j¾K 256 la ;sìh yel

In hexadecimal we can represent 0-255 by

just 2 digits (00-FF)
IâoYufhka wmg 0-255 b,lalï 2 lska
^00-FF& ksfhdackh l< yel'

By using 6 digits we can represent all the 3

channels and their intensity
b,lalï 6 la Ndú;d lsÍfuka wmg kd,sld
3u iy tAjdfha ;Sj%;djh ksfhdackh l<
yel

A hashtag (#) prefix is used to signify a hex

code
fylaia fla;hla yeÕùug yeIa ge.a ^#&
Wmi¾.hla Ndú;d lrhs