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 for 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 følger nedenfor.
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 to-sifrede verdier. Hvert par angir intensiteten av rødt, grønt og blått (i denne 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ødt, grønt og blått (i denne 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å, alfa), hvor alfa er nivået av opasitet eller transparens i fargen.
Alfa-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 available 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 for 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 følger nedenfor.
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 to-sifrede verdier. Hvert par angir intensiteten av rødt, grønt og blått (i denne 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ødt, grønt og blått (i denne 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å, alfa), hvor alfa er nivået av opasitet eller transparens i fargen.
Alfa-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!
