Anda di halaman 1dari 23

TEORIWARNA

JenisWarna

WarnaPrimer
WarnaSekunder


WarnaTersier


BrowsersafeColors

Kombinasidari

00,33,66,99,CC,FF

#FF33FF #996633


AnalogousColor

WarnaberdekatandalamColorWheel
Harmoni,kedamaian
ComplementaryColor

WarnaberlawanandalamColorWheel
Lebihterangdanlebihhidup,highlight

SplitComplementaryColor

Kontras,tetapitidakekstrem

ColorTriads

WarnasegitigadalamColorWheel
Lebihhiduplagi
MonotoneChromatic

Satuwarnadenganvariasisaturasidanbayangan


MonotoneAchromatic

Satuwarnadariputihkehitam


CSSColor

RGBmodel
p{color:#F00} /*#rgb*/
p{color:#FF0000} /*#rrggbb*/
p{color:rgb(255,0,0)} /*integerrange0255*/
p{color:rgb(100%,0%,0%)}/*floatrange0.0%
100.0%*/


CSSColor

RGBwithalphachannel
p{color:rgba(255,0,0,0.5)}/*0.5opacity,semi
transparent*/


CSSColor

HSLmodel
p{color:hsl(0,100%,50%)}/*red*/
p{color:hsl(120,100%,50%)}/*green*/
p{color:hsl(120,100%,25%)}/*lightgreen*/
p{color:hsl(120,100%,75%)}/*darkgreen*/
p{color:hsl(120,50%,50%)}/*pastelgreen*/


CSSColor

HSLmodelwithalphachannel
p{color:hsla(120,100%,50%,1)}/*green*/
p{color:hsla(120,100%,50%,0.5)}/*semi
transparentgreen*/
p{color:hsla(120,100%,50%,0.1)}/*very
transparentgreen*/


ColorCombination

BerapaWarna?
Resikolebihbesarpadapenggunaanlebihbanyak
warnadaripadaresikopadapenggunaanlebih
sedikitwarna
BanyakWarna:Sibuk,Menyulitkan,Melelahkan
SedikitWarna:Terkesanmembosankan


ColorCombination

ThreeColor
WarnaPrimer

Warnautamahalamanweb

Menempatisebagianbesartampilan

Membuat'tone'warnawebpagesecarakeseluruhan
WarnaSekunder

Backupwarnaprimer

Mendekatiwarnaprimer

ColorCombination
WarnaHighlight

Memberitekananpadasebagianhalaman

Kontrasdenganwarnaprimerdansekunder

SedikitWarna:Terkesanmembosankan