Formatering af Tekst og Farver
Stryg for at vise menuen
Tidligere tilføjede vi farver til tekst på en meget intuitiv og ligetil måde. Lad os dog dykke ned i detaljerne omkring farveanvendelse.
Farve
Tekstfarve kan anvendes på et textelement ved hjælp af CSS-egenskaben color, som kan tildeles en værdi i forskellige formater.
De mest anvendte farveværdier er RGB, hex og farvenavne. Lad os se på følgende eksempel, hvor vi anvender blå på teksten.
index.html
styles.css
Formater til angivelse af farve
En nærmere gennemgang af hver format i detaljer.
Farvenavn
Det er muligt at anvende reserverede farveord. Listen over reserverede farver findes på https://htmlcolorcodes.com.
CSS tilbyder foruddefinerede farvenavne såsom blue, red, green, purple og andre. Disse er lette at læse, men begrænsede i variation.
Hex-format
Hex angiver farver som en sekscifret kode bestående af tre par af to cifre efter et #-symbol. Hvert par repræsenterer intensiteten af rød, grøn og blå (i nævnte rækkefølge).
Hex-formatværdier spænder fra 00 (ingen intensitet) til FF (maksimal intensitet).
RGB-format
RGB repræsenterer farver som en række af tre tal, der svarer til intensiteten af rød, grøn og blå (i nævnte rækkefølge)
RGB-formatværdier spænder fra 0 (ingen intensitet) til 255 (maksimal intensitet).
Både hex og rgb værdier er udbredt anvendt i webdesign, og valget mellem dem afhænger af personlige præferencer og projektkrav.
Transparens med RGBA
Transparens i rgb-farver kan opnås ved at bruge rgba-notationen (rød, grøn, blå, alpha), hvor alpha angiver graden af opacitet eller transparens for farven.
Alpha-værdien kan variere fra 0 (fuldstændig transparent) til 1 (fuldstændig uigennemsigtig). For eksempel repræsenterer RGBA-værdien rgba(0, 255, 0, 0.5) en grøn farve med 50% opacitet.
index.html
styles.css
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat