Krāsas HTML lapās


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->


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 – sajaucoties visām trim pamatkrāsām veidojas baltā krāsa.


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ā. 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"

Jo mazāka krāsas vērtība, jo tā ir tumšāka. Melno krāso nosaka pamatkrāsu neesamība.

         
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%)
         
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%)
         
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% )

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 Atsauksmēm un Jautājumiem
Pamatlapa BF Datorklase Sākums Raksti mums
Lappusi
«kraasas.shtml»
veidoja
karlo@lanet.lv
2014.08.20-14:27
Lapa ir publicēta ar    CC    BY–SA    3.0 licenci. Ja lapā ir ietvertas daļas uz kurām attiecas cita licence, tas norādīts atsevišķi lapas tekstā.