Krāsas HTML lapās

Šis apraksts ir paredzēts tikai kā vispārīgs apskats. Tas neaptver visu HTML un CSS iespēju uzskaitījumu. Šeit var būt iekļauti arī novecojoši piemēri.

Sākumlapa Iepriekšējā lappuse Nākošā lappuse


Krāsu telpas
Krāsu apraksts
Caurspīdīgas krāsas
Pēc vārda atpazīstmo krāsu nosaukumi angļu valodā
Pamatnes krāsu pārejas un ēnojums(none)

Saturs Iepriekšējā lappuse Lappas saturs Nākošā lappuse

Krāsu telpas

Varavīksni, ar prizmu sadalītu gaismu, lāzera stara krāsu veido spektrālās krāsas – katrai krāsai ir savs viļņa garums. Apkārt redzamās krāsas veido dažādu spektrālo krāsu sajaukums. Cilvēku spēja atšķirt krāsas un krāsu nianses atšķiras. Krāsas, kādas mēs redzam, dabā nepastāv, tās pastāv tikai mūsu apziņā. Cilvēka krāsu redzi nodrošina acī esoši trīs spektrāli dažādi jutīgi šūnu veidi un smadzeņu darbība. Ar aci mēs nevaram pateikt kāda garuma viļņi ir dotajā krāsā. Sajaucoties sarkanai un violetajai veidojas purpura krāsa, kurai neatbilst neviens viļņa garums.

Pašlaik nav radīts neviens informācijas iemiesotājs, kurš varētu attēlot visas krāss, ko varētu uztvert cilvēki. Katram no tiem (datora monitoram, tipogrāfiskam iespieddarbam utt.) ir savi ierobežojumi, katrs no tiem dzīvo savā krāsu telpā. Tā kā HTML lapas pamatā ir paredzētas aplūkot iekārtās, kas pašas izstaro gaismu, tad krāsu kodēšanai tiek izmantota RGB (Red, Green, Blue – sarkana, zaļa, zila) krāsu telpa, tas ir, šo krāsu telpu nosaka šis trīs pamatkrāsas. Par pamatkrāsām sauc trīs jebkuras krāsas, kuras nevar iegūt sajaucot abas pārējās krāsas, toties tās dažādi jaucot var iegūt visas pārējās krāsas. RGB ir aditīvais krāsu modelis – jo lielākas vērtības, jo gaišāka krāsa. Visas trīs pamatkrāsas sajaucot kopā (R 100% + G 100% + B 100%) iegūst baltu krāsu. Melna krāsa ir pamatkrāsu neesamība (R 0% + G 0% + B 0%).

Saturs Iepriekšējā lappuse Lappas saturs Nākošā lappuse

Krāsu apraksts

Krāsu vērtības iespējams aprakstīt dažādi – izmantojot heksadecimālo skaitļus, decimālos skaitļus, procentus vai arī krāsu nosaukumus angļu valodā. Izmantojot stilus, krāsu pierakstam var izmantot arī citus matematiskos modeļus, piemēram, HSL (Hue, Saturation, Lightness – nokrāsa, piesātinājums, gaišums), HWB (Hue, Whiteness, Blackness – nokrāsa, baltā, melnā), Lab (CIE L*a*b krāsu telpa). Ne visi pārlūki šos modeļus atbalsta.

Tālāk dots tabulas šūnas pamatnes iekrāsojuma piemērs vienai un tai pašai krāsai izmantojot dažādu pierakstu:

bgcolor=#00FF00
bgcolor=#0F0
bgcolor=lime
style="background: #00FF00"
style="background: rgb(0,255,0)"
style="background: rgb(0%,100%,0%)"
style="background: lime"
style="background: hsl(120, 100%, 50%)"
style="background: hwb(120 0% 0%)"
style="background: lab(100 -125 125)"
style="background: lab(100 -100% 100%)"

RGB vērtības izteiktas procentos

Hue
(nokrāsa)		          
background: rgb(100%, 100%, 100%) background: rgb(75%, 75%, 75%) background: rgb(50%, 50%, 50%) background: rgb(25%, 25%, 25%) background: rgb(0%, 0%, 0%)
0          
background: rgb(100%, 0%, 0%) background: rgb(75%, 0%, 0%) background: rgb(50%, 0%, 0%) background: rgb(25%, 0%, 0%) background: rgb(0%, 0%, 0%)
60          
background: rgb(100%, 100%, 0%) background: rgb(75%, 75%, 0%) background: rgb(50%, 50%, 0%) background: rgb(25%, 25%, 0%) background: rgb(0%, 0%, 0%)
120          
background: rgb(0%, 100%, 0%) background: rgb(0%, 75%, 0%) background: rgb(0%, 50%, 0%) background: rgb(0%, 25%, 0%) background: rgb(0%, 0%, 0%)
180          
background: rgb(0%, 100%, 100%) background: rgb(0%, 75%, 75%) background: rgb(0%, 50%, 50%) background: rgb(0%, 25%, 25%) background: rgb(0%, 0%, 0%)
240          
background: rgb(0%, 0%, 100%) background: rgb(0%, 0%, 75% ) background: rgb(0%, 0%, 50% ) background: rgb(0%, 0%, 25% ) background: rgb(0%, 0%, 0% )
300          
background: rgb(100%, 0%, 100%) background: rgb(75%, 0%, 75% ) background: rgb(50%, 0%, 50% ) background: rgb(25%, 0%, 25% ) background: rgb(0%, 0%, 0% )
Saturs Iepriekšējā lappuse Lappas saturs Nākošā lappuse

Caurspīdīgas krāsas

Izmantojot stilus iespējams definēt arī daļēji caurspīdīgas krāsas attiecīgi rgb vietā rakstot rgba ar četriem parametriem sarkanā, zaļā un zilā krāsa + necaurredzamība (alfa kanāls). Alfa kanāla vērtība „1” nosaka, ka krāsa ir necaurspīdīga, bet „0” – ka pilnīga caurspīdīga.

         
background: rgba(0, 255, 0, 1) background: rgba(0, 255, 0, 0.75) background: rgba(0, 255, 0, 0.50) background: rgba(0, 255, 0, 0.25) background: rgba(0, 255, 0, 0)
         
background: rgba(0%, 100%, 0%, 1) background: rgba(0%, 100%, 0%, 0.75) background: rgba(0%, 100%, 0%, 0.50) background: rgba(0%, 100%, 0%, 0.25) background: rgba(0%, 100%, 0%, 0)

Jebkuru krāsu iespējams pataisīt caurspīdīgu:

                                       
                                       
                                       
                                       
                                       
Saturs Iepriekšējā lappuse Lappas saturs Nākošā lappuse

Pēc vārda atpazīstmo krāsu nosaukumi angļu valodā


alicebluergb(240, 248, 255)

antiquewhitergb(250, 235, 215)

aquargb( 0, 255, 255)

aquamarinergb(127, 255, 212)

azurergb(240, 255, 255)

beigergb(245, 245, 220)

bisquergb(255, 228, 196)

blackrgb( 0, 0, 0)

blanchedalmondrgb(255, 235, 205)

bluergb( 0, 0, 255)

bluevioletrgb(138, 43, 226)

brownrgb(165, 42, 42)

burlywoodrgb(222, 184, 135)

cadetbluergb( 95, 158, 160)

chartreusergb(127, 255, 0)

chocolatergb(210, 105, 30)

coralrgb(255, 127, 80)

cornflowerbluergb(100, 149, 237)

cornsilkrgb(255, 248, 220)

crimsonrgb(220, 20, 60)

cyanrgb( 0, 255, 255)

darkbluergb( 0, 0, 139)

darkcyanrgb( 0, 139, 139)

darkgoldenrodrgb(184, 134, 11)

darkgrayrgb(169, 169, 169)

darkgreenrgb( 0, 100, 0)

darkgreyrgb(169, 169, 169)

darkkhakirgb(189, 183, 107)

darkmagentargb(139, 0, 139)

darkolivegreenrgb( 85, 107, 47)

darkorangergb(255, 140, 0)

darkorchidrgb(153, 50, 204)

darkredrgb(139, 0, 0)

darksalmonrgb(233, 150, 122)

darkseagreenrgb(143, 188, 143)

darkslatebluergb( 72, 61, 139)

darkslategrayrgb( 47, 79, 79)

darkslategreyrgb( 47, 79, 79)

darkturquoisergb( 0, 206, 209)

darkvioletrgb(148, 0, 211)

deeppinkrgb(255, 20, 147)

deepskybluergb( 0, 191, 255)

dimgrayrgb(105, 105, 105)

dimgreyrgb(105, 105, 105)

dodgerbluergb( 30, 144, 255)

firebrickrgb(178, 34, 34)

floralwhitergb(255, 250, 240)

forestgreenrgb( 34, 139, 34)

fuchsiargb(255, 0, 255)

gainsbororgb(220, 220, 220)

ghostwhitergb(248, 248, 255)

goldrgb(255, 215, 0)

goldenrodrgb(218, 165, 32)

grayrgb(128, 128, 128)

greyrgb(128, 128, 128)

greenrgb( 0, 128, 0)

greenyellowrgb(173, 255, 47)

honeydewrgb(240, 255, 240)

hotpinkrgb(255, 105, 180)

indianredrgb(205, 92, 92)

indigorgb( 75, 0, 130)

ivoryrgb(255, 255, 240)

khakirgb(240, 230, 140)

lavenderrgb(230, 230, 250)

lavenderblushrgb(255, 240, 245)

lawngreenrgb(124, 252, 0)

lemonchiffonrgb(255, 250, 205)

lightbluergb(173, 216, 230)

lightcoralrgb(240, 128, 128)

lightcyanrgb(224, 255, 255)

lightgoldenrodyellowrgb(250, 250, 210)

lightgrayrgb(211, 211, 211)

lightgreenrgb(144, 238, 144)

lightgreyrgb(211, 211, 211)
    

lightpinkrgb(255, 182, 193)

lightsalmonrgb(255, 160, 122)

lightseagreenrgb( 32, 178, 170)

lightskybluergb(135, 206, 250)

lightslategrayrgb(119, 136, 153)

lightslategreyrgb(119, 136, 153)

lightsteelbluergb(176, 196, 222)

lightyellowrgb(255, 255, 224)

limergb( 0, 255, 0)

limegreenrgb( 50, 205, 50)

linenrgb(250, 240, 230)

magentargb(255, 0, 255)

maroonrgb(128, 0, 0)

mediumaquamarinergb(102, 205, 170)

mediumbluergb( 0, 0, 205)

mediumorchidrgb(186, 85, 211)

mediumpurplergb(147, 112, 219)

mediumseagreenrgb( 60, 179, 113)

mediumslatebluergb(123, 104, 238)

mediumspringgreenrgb( 0, 250, 154)

mediumturquoisergb( 72, 209, 204)

mediumvioletredrgb(199, 21, 133)

midnightbluergb( 25, 25, 112)

mintcreamrgb(245, 255, 250)

mistyrosergb(255, 228, 225)

moccasinrgb(255, 228, 181)

navajowhitergb(255, 222, 173)

navyrgb( 0, 0, 128)

oldlacergb(253, 245, 230)

olivergb(128, 128, 0)

olivedrabrgb(107, 142, 35)

orangergb(255, 165, 0)

orangeredrgb(255, 69, 0)

orchidrgb(218, 112, 214)

palegoldenrodrgb(238, 232, 170)

palegreenrgb(152, 251, 152)

paleturquoisergb(175, 238, 238)

palevioletredrgb(219, 112, 147)

papayawhiprgb(255, 239, 213)

peachpuffrgb(255, 218, 185)

perurgb(205, 133, 63)

pinkrgb(255, 192, 203)

plumrgb(221, 160, 221)

powderbluergb(176, 224, 230)

purplergb(128, 0, 128)

redrgb(255, 0, 0)

rosybrownrgb(188, 143, 143)

royalbluergb( 65, 105, 225)

saddlebrownrgb(139, 69, 19)

salmonrgb(250, 128, 114)

sandybrownrgb(244, 164, 96)

seagreenrgb( 46, 139, 87)

seashellrgb(255, 245, 238)

siennargb(160, 82, 45)

silverrgb(192, 192, 192)

skybluergb(135, 206, 235)

slatebluergb(106, 90, 205)

slategrayrgb(112, 128, 144)

slategreyrgb(112, 128, 144)

snowrgb(255, 250, 250)

springgreenrgb( 0, 255, 127)

steelbluergb( 70, 130, 180)

tanrgb(210, 180, 140)

tealrgb( 0, 128, 128)

thistlergb(216, 191, 216)

tomatorgb(255, 99, 71)

turquoisergb( 64, 224, 208)

violetrgb(238, 130, 238)

wheatrgb(245, 222, 179)

whitergb(255, 255, 255)

whitesmokergb(245, 245, 245)

yellowrgb(255, 255, 0)

yellowgreenrgb(154, 205, 50)

  
Saturs Iepriekšējā lappuse Lappas saturs Nākošā lappuse

priede.bf.lu.lv Bioloģijas fakultāte Datorklase Sākumlapa
Pamatlapa BF Padomi Sākums

Lappuse labota: 2026.08.17
Lapa ir publicēta ar    CC    BY–SA    4.0 licenci. Ja lapā ir ietvertas daļas uz kurām attiecas cita licence, tas norādīts atsevišķi lapas tekstā.