1. Sākums
  2. Dokumentācija
  3. HTML un CSS pamācības – kā izveidot mājas lapu bez priekšzināsanām 2020
  4. CSS krāsu kodi

CSS krāsu kodi

css krāsas

Web dizainā tiek izmantotas CSS krāsas. CSS krāsas var tik noteiktas pēc nosaukuma vai kā RGB krāsas vai kā heksadecimālās krāsas. Krāsas un toņi tiek veidotas no trim pamatkrāsām – sarkanas, zaļas un zilas.

Heksadecimālās krāsas

Heksadecimālās krāsas atbalsta visi interneta pārlūki. RR (sarkana krāsa), GG (zaļa krāsa) un BB (zila krāsa) ir heksadecimālie skaitļi no 00 līdz FF, norādot krāsas intensitāti.

Piemēram, #FF0000 tiek attēlots sarkanā krāsā, jo sarkanajai sastāvdaļai ir uzstādīta tā augstākā vērtība (FF), bet pārējām sastāvdaļām ir 00.

Daži heksadecimālo krāsu piemēri:

#ff0000
#0000ff
#22ba00
#fff200
#ef00e3
#5e00f7
#ffffff
#efb1ec
#3c009e
#000000
#dddddd
#564100

RGB krāsas arī atbalsta visi interneta pārlūki. RBG krāsas apzīmē ar rgb( red , green , blue ) – sakans, zaļš un zils. Katrs no šiem 3 parametriem norāda katras no šo krāsu intensitātēm. Sajaucot kopā šīs 3 krāsas veidojas jauna krāsa, atkarībā no tā kāda ir katra parametra intensitāte. Intensitāte tiek mērīta no 0 -255.

Piemēram, rgb(255,0,0) ir sarkanās krāsas kods. Jo pie zaļās un zilās ir 0, taču pie sarkanās, kas ir pirmais parametrs ir norādīts maksimums- 255.

RGB krāsas:

rgb(255,0,0)

rgb(0,0,255)

rgb(0,255,0)

Vārdiski krāsu nosaukumi

Web izstrādē tiek izmantoti arī 140 vārdiski krāsu nosaukumi, piemēram:

red

blue

green

Tātad vienu un to pašu krāsu var uzrakstīt 3 veidos CSS, piemēram, sarkana pirmā līmeņa virsrakstu krāsa:

h1{

color:red;

}

vai

h1{

color:#ff0000;

}

vai

h1{

color:rgb(255,0,0,0);

}

Internetā ir daudz dažādu vietņu, kur variet atrast visus krāsu nosaukumus, piemēram: https://htmlcolorcodes.com/

Tāpat Jūs variet krāsu kodus atrast arī Photoshop CC programmā vai Adobe Illustrator un citās.

Vai šis raksts Jums noderēja? 3

Sazinies ar mums!