CSS/Kolor

color

Cecha pozwalająca zdefiniować kolor tekstu. Wartość cechy może być wyrażona w różnych formach (na przykładzie koloru czarnego lub na innych przykładach kolorystyki czcionki):

• Zapis słowny (nazewnictwo angielskie) - black

    selektor { color: black; }

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

• Zapis szesnastkowy pełny - #000000

    selektor { color: #000000; }

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

• Zapis szesnastkowy skrócony - #000

    selektor { color: #000; }

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

• Zapis w modelu RGB - rgb(0, 0, 0)

    selektor { color: rgb(0, 0, 0); }

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

• Zapis w modelu RGBA (RGB + kanał alfa) - rgba(0, 0, 0, 0.5)

W zestawieniu przykładów widoczna jest różnica, ze względu na zdefiniowany kanał alfa.

    selektor { color: rgba(0, 0, 0, 0.5); }

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Przykłady z wykorzystaniem innych kolorów

    p { color:#ccc; }
    span { color:blue; }
    h1 { color:rgb(211,133,233); }

Rezultat:

Tekst w kolorze szarym

Niebieski tekst