CSS krāsas

CSS ļauj izmantot dažādus veidus, kā norādīt krāsas. Kopā ir 6 biežāk izmantoti krāsu formāti:

• Krāsas nosaukums (piemēram, red);
• Krāsa RGB formātā (piemēram, rgb(37, 150, 190));
• Krāsa HEX formātā (piemēram, #2596be);
• Krāsa HSL formātā;
• Krāsa RGBA formātā (ar caurspīdīguma līmeni);
• Krāsa HSLA formātā (ar caurspīdīgumu).

Krāsu kodi internetā:

HTML Color Codes

Izvēlies krāsu un saņem kodu

Color Picker online

Uzzini krāsu no attēla

Krāsas nosaukums

Krāsas var norādīt pēc nosaukuma, piemēram: red, blue, Tomato.

styles.css

h1 {
    border: 2px solid Tomato;
}

index.html

<h1>Hello World</h1>

RGB krāsu kods

RGB (Red, Green, Blue) nozīmē sarkanais, zaļais, zilais krāsu sajaukumu.

styles.css

h1 {
    border: 2px solid rgb(255, 99, 71);
}

index.html

<h1>Hello World</h1>

HEX krāsu kods

HEX kods sākas ar # un sastāv no 6 simboliem. Tā ir krāsas vērtība 16-kodējumā.

styles.css

h1 {
    border: 2px solid #ff6347;
}

index.html

<h1>Hello World</h1>

📌 Piezīme:

RGB un HEX kodi norāda vienu un to pašu krāsu, tikai dažādā formātā.

Noderīgi materiāli

CSS Colors

https://www.w3schools.com/css/css_colors.asp