Ändra Textfärger i CSS
Tidigare lade vi till färger på text på ett mycket intuitivt och enkelt sätt. Låt oss nu fördjupa oss i detaljerna kring färgtillämpning.
Färg
Textfärg kan appliceras på ett textelement med hjälp av CSS-egenskapen color, som kan tilldelas ett värde i olika format. De vanligaste färgvärdena är RGB, hex och färgnamn. Låt oss titta på följande exempel där vi applicerar rött på texten.
index.html
styles.css
Obs
Vi kan hitta spännande färgmallar på https://colorhunt.co/.
Format för att ange färg
En närmare titt på varje format i detalj.
Färgnamn
Det går att använda reserverade färgord. Listan över reserverade färger finns på https://htmlcolorcodes.com.
Hex-format
Hex representerar färger som en sexsiffrig kod bestående av tre par av tvåsiffriga värden. Varje par representerar intensiteten av rött, grönt och blått (i den ordningen).
Hex-formatets värden sträcker sig från 00 (ingen intensitet) till FF (maximal intensitet).
RGB-format
RGB representerar färger som en serie av tre siffror som motsvarar intensiteten av rött, grönt och blått (i den ordningen)
RGB-formatvärden sträcker sig från 0 (ingen intensitet) till 255 (maximal intensitet).
Obs
Både hex- och rgb-värden används ofta inom webbdesign, och valet mellan dem beror på personliga preferenser och projektkrav.
Transparens
Transparens i rgb-färger kan uppnås genom att använda rgba-notationen (röd, grön, blå, alfa), där alfa är nivån av opacitet eller transparens för färgen.
Alfa-värdet kan variera från 0 (helt genomskinlig) till 1 (helt opak). Till exempel representerar RGBA-värdet rgba(0, 255, 0, 0.5) en grön färg med 50% opacitet.
index.html
styles.css
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
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Ändra Textfärger i CSS
Svep för att visa menyn
Tidigare lade vi till färger på text på ett mycket intuitivt och enkelt sätt. Låt oss nu fördjupa oss i detaljerna kring färgtillämpning.
Färg
Textfärg kan appliceras på ett textelement med hjälp av CSS-egenskapen color, som kan tilldelas ett värde i olika format. De vanligaste färgvärdena är RGB, hex och färgnamn. Låt oss titta på följande exempel där vi applicerar rött på texten.
index.html
styles.css
Obs
Vi kan hitta spännande färgmallar på https://colorhunt.co/.
Format för att ange färg
En närmare titt på varje format i detalj.
Färgnamn
Det går att använda reserverade färgord. Listan över reserverade färger finns på https://htmlcolorcodes.com.
Hex-format
Hex representerar färger som en sexsiffrig kod bestående av tre par av tvåsiffriga värden. Varje par representerar intensiteten av rött, grönt och blått (i den ordningen).
Hex-formatets värden sträcker sig från 00 (ingen intensitet) till FF (maximal intensitet).
RGB-format
RGB representerar färger som en serie av tre siffror som motsvarar intensiteten av rött, grönt och blått (i den ordningen)
RGB-formatvärden sträcker sig från 0 (ingen intensitet) till 255 (maximal intensitet).
Obs
Både hex- och rgb-värden används ofta inom webbdesign, och valet mellan dem beror på personliga preferenser och projektkrav.
Transparens
Transparens i rgb-färger kan uppnås genom att använda rgba-notationen (röd, grön, blå, alfa), där alfa är nivån av opacitet eller transparens för färgen.
Alfa-värdet kan variera från 0 (helt genomskinlig) till 1 (helt opak). Till exempel representerar RGBA-värdet rgba(0, 255, 0, 0.5) en grön färg med 50% opacitet.
index.html
styles.css
Tack för dina kommentarer!
