CSS Tutorial

Färger - colors

Praktiska steg:

  • Namnge färger: Använd svenska färgnamn som "röd", "blå" eller "grön".
  • Hex-koder: Ange färger med hex-koder, som "#FF0000" för rött.
  • RGB-värden: Definiera färger med RGB-värden (röd, grön, blå), t.ex. "rgb(255, 0, 0)" för rött.
  • HSL-värden: Använd HSL-värden (nyans, mättnad, ljusstyrka) för att justera färger, t.ex. "hsl(0, 100%, 50%)" för rött.

CSS-exempel:

body {
  background-color: #FF0000;
  color: white;
  border-color: rgb(0, 0, 0);
}

Förbättrad tillgänglighet:

  • Använd kontrastförhållanden för att säkerställa att text och bakgrundsfärger är lätta att läsa.
  • Ange alternativa textbeskrivningar för icke-färgade element, t.ex. "röd knapp".
  • Undvik att använda färger för att förmedla viktig information ensam, eftersom färgblindhet kan försvåra förståelsen.