Formatering av Text och Färger
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 blått på texten.
index.html
styles.css
Format för att ange färg
Låt oss titta närmare på varje format i detalj.
Färgnamn
Vi kan använda reserverade färgord. Listan över reserverade färger finns på https://htmlcolorcodes.com.
CSS tillhandahåller fördefinierade färgnamn såsom blue, red, green, purple och andra. Dessa är lätta att läsa men begränsade i variation.
Hex-format
Hex representerar färger som en sexsiffrig kod bestående av tre par tvåsiffriga värden efter ett #-tecken. Varje par representerar intensiteten av röd, grön och blå (i den ordningen).
Hex-formatvä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).
Både hex- och rgb-värden används ofta inom webbdesign, och valet mellan dem beror på personliga preferenser och projektkrav.
Transparens med RGBA
Transparens i rgb-färger kan uppnås genom att använda rgba-notationen (red, green, blue, alpha), där alpha anger färgens opacitets- eller transparensnivå.
Alpha-värdet kan variera från 0 (helt transparent) 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
