Ændring af tekstfarver i CSS
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 rød på teksten.
index.html
styles.css
Bemærk
Der findes spændende farveskabeloner på https://colorhunt.co/.
Formater til angivelse af farve
En nærmere gennemgang af hver format.
Farvenavn
Det er muligt at anvende reserverede farveord. Listen over reserverede farver findes på https://htmlcolorcodes.com.
Hex-format
Hex repræsenterer farver som en sekscifret kode bestående af tre par af to-cifrede værdier. Hvert par angiver 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).
Bemærk
Både hex- og rgb-værdier anvendes bredt i webdesign, og valget mellem dem afhænger af personlige præferencer og projektkrav.
Transparens
Transparens i rgb-farver kan opnås ved at bruge rgba-notationen (rød, grøn, blå, alpha), hvor alpha er niveauet 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
Can you explain the difference between hex, rgb, and color names in CSS?
How do I use rgba to add transparency to a color?
Where can I find a list of all reserved color names?
Awesome!
Completion rate improved to 2.56Ændring af tekstfarver i CSS
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 rød på teksten.
index.html
styles.css
Bemærk
Der findes spændende farveskabeloner på https://colorhunt.co/.
Formater til angivelse af farve
En nærmere gennemgang af hver format.
Farvenavn
Det er muligt at anvende reserverede farveord. Listen over reserverede farver findes på https://htmlcolorcodes.com.
Hex-format
Hex repræsenterer farver som en sekscifret kode bestående af tre par af to-cifrede værdier. Hvert par angiver 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).
Bemærk
Både hex- og rgb-værdier anvendes bredt i webdesign, og valget mellem dem afhænger af personlige præferencer og projektkrav.
Transparens
Transparens i rgb-farver kan opnås ved at bruge rgba-notationen (rød, grøn, blå, alpha), hvor alpha er niveauet 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!
