Stiler Tekst og Farger
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. La oss se på følgende eksempel, hvor vi bruker blå som tekstfarge.
index.html
styles.css
Formater for å angi farge
La oss se nærmere på hver format i detalj.
Fargenavn
Vi kan bruke reserverte fargeord. Listen over reserverte farger finnes på https://htmlcolorcodes.com.
CSS tilbyr forhåndsdefinerte fargenavn som blue, red, green, purple og andre. Disse er lettleste, men har begrenset variasjon.
Hex-format
Hex representerer farger som en sekssifret kode bestående av tre par med tosifrede verdier etter et #-symbol. Hvert par angir intensiteten av rødt, grønt og blått (i den rekkefølgen).
Hex-formatverdier varierer fra 00 (ingen intensitet) til FF (maksimal intensitet).
RGB-format
RGB representerer farger som en serie av 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).
Både hex- og rgb-verdier er mye brukt i webdesign, og valget mellom dem avhenger av personlige preferanser og prosjektkrav.
Transparens med RGBA
Transparens i rgb-farger kan oppnås ved å bruke rgba-notasjon (rød, grønn, blå, alpha), hvor alpha er nivået av opasitet eller gjennomsiktighet 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
