Endre Tekstfarger i CSS
Tidligere la vi til farger på tekst på en svært intuitiv og enkel måte. La oss nå se nærmere på detaljene rundt bruk av farger.
Farge
Tekstfarge kan angis på et textelement ved hjelp av CSS-egenskapen color, som kan tildeles en verdi i ulike formater. De mest brukte fargeverdiene er RGB, hex og fargenavn. Se følgende eksempel, hvor vi bruker rød på teksten.
index.html
styles.css
Merk
Noen spennende fargepaletter finnes på https://colorhunt.co/.
Formater for å angi farge
En nærmere gjennomgang av hver format.
Fargenavn
Det er mulig å bruke reserverte fargenavn. Listen over reserverte farger finnes på https://htmlcolorcodes.com.
Hex-format
Hex representerer farger som en sekssifret kode bestående av tre par med tosifrede verdier. Hvert par angir intensiteten av rød, grønn og blå (i den rekkefølgen).
Hex-formatverdier varierer fra 00 (ingen intensitet) til FF (maksimal intensitet).
RGB-format
RGB representerer farger som en serie med tre tall som tilsvarer intensiteten av rød, grønn og blå (i den rekkefølgen)
RGB-formatverdier varierer fra 0 (ingen intensitet) til 255 (maksimal intensitet).
Merk
Både hex- og rgb-verdier er mye brukt i webdesign, og valget mellom dem avhenger av personlige preferanser og prosjektkrav.
Transparens
Transparens i rgb-farger kan oppnås ved å bruke rgba-notasjon (rød, grønn, blå, alpha), der alpha angir graden av opasitet eller transparens for fargen.
Alpha-verdien kan variere fra 0 (helt gjennomsiktig) til 1 (helt ugjennomsiktig). For eksempel representerer RGBA-verdien rgba(0, 255, 0, 0.5) en grønn farge med 50 % opasitet.
index.html
styles.css
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
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.56Endre Tekstfarger i CSS
Sveip for å vise menyen
Tidligere la vi til farger på tekst på en svært intuitiv og enkel måte. La oss nå se nærmere på detaljene rundt bruk av farger.
Farge
Tekstfarge kan angis på et textelement ved hjelp av CSS-egenskapen color, som kan tildeles en verdi i ulike formater. De mest brukte fargeverdiene er RGB, hex og fargenavn. Se følgende eksempel, hvor vi bruker rød på teksten.
index.html
styles.css
Merk
Noen spennende fargepaletter finnes på https://colorhunt.co/.
Formater for å angi farge
En nærmere gjennomgang av hver format.
Fargenavn
Det er mulig å bruke reserverte fargenavn. Listen over reserverte farger finnes på https://htmlcolorcodes.com.
Hex-format
Hex representerer farger som en sekssifret kode bestående av tre par med tosifrede verdier. Hvert par angir intensiteten av rød, grønn og blå (i den rekkefølgen).
Hex-formatverdier varierer fra 00 (ingen intensitet) til FF (maksimal intensitet).
RGB-format
RGB representerer farger som en serie med tre tall som tilsvarer intensiteten av rød, grønn og blå (i den rekkefølgen)
RGB-formatverdier varierer fra 0 (ingen intensitet) til 255 (maksimal intensitet).
Merk
Både hex- og rgb-verdier er mye brukt i webdesign, og valget mellom dem avhenger av personlige preferanser og prosjektkrav.
Transparens
Transparens i rgb-farger kan oppnås ved å bruke rgba-notasjon (rød, grønn, blå, alpha), der alpha angir graden av opasitet eller transparens for fargen.
Alpha-verdien kan variere fra 0 (helt gjennomsiktig) til 1 (helt ugjennomsiktig). For eksempel representerer RGBA-verdien rgba(0, 255, 0, 0.5) en grønn farge med 50 % opasitet.
index.html
styles.css
Takk for tilbakemeldingene dine!
