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