---
title: color
slug: Web/CSS/color
tags:
  - CSS
  - 'CSS:Dokumentacje'
  - Dokumentacje
  - Wszystkie_kategorie
translation_of: Web/CSS/color
---
<p> {{ CSSRef() }}
</p>
<h3 id="Podsumowanie" name="Podsumowanie"> Podsumowanie </h3>
<p><code>color</code> ustawia pierwszoplanowy kolor dla zawartości tekstowej elementu.
</p>
<ul><li> {{ Xref_cssinitial() }}: zależy od programu użytkownika
</li><li> Stosowana do: wszystkich elementów
</li><li> {{ Xref_cssinherited() }}: tak
</li><li> Procenty: niedostępne
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}: jako określone
</li></ul>
<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia"> Składnia </h3>
<pre class="eval">color: <i>color</i> | inherit
</pre>
<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci"> Wartości </h3>
<dl><dt> color </dt><dd> Kolor może być określony zgodnie z poniższymi zasadami:
</dd></dl>
<ul><li> jako heksadecymalna (szesnastkowa) wartość RGB
</li><li> jako regularna wartość RGB lub RGBA
</li><li> jako regularna wartość HSL lub HSLA
</li><li> jako jedna z predefiniowanych nazw kolorów
</li></ul>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3>
<p>Poniżej są wszystkie sposoby na zrobienie czerwonego tekstu w elemencie:
</p>
<pre class="eval">element { color: red }
element { color: #f00 }
element { color: #ff0000 }
element { color: rgb(255,0,0) }
element { color: rgb(100%, 0%, 0%) }
element { color: hsl(0, 100%, 50%) }
</pre>
<p>Jeśli chcesz uwzględnić wartość kanału alfa by uwzględnić przezroczystość, możesz użyć kolorów w formacie RGBA lub HSLA:
</p>
<pre class="eval">element { color: rgba(255, 0, 0, 0.5) }
element { color: hsla(0, 100%, 50%, 0.5) }
</pre>
<p>Oba powyższe przykłady definiują kolor z przezroczystością ustawioną na 0.5 lub 50%.
</p>
<h3 id="Notatki" name="Notatki"> Notatki </h3>
<ul><li> <a class="external" href="http://html-color-codes.com/">Color Chart by VisiBone</a>
</li></ul>
<h3 id="Specyfikacje" name="Specyfikacje"> Specyfikacje </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS1#color">CSS 1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/colors.html">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2003/CR-css3-color-20030514/#color">CSS 3</a>
</li></ul>
<h3 id="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85" name="Zgodno.C5.9B.C4.87_z_przegl.C4.85dark.C4.85"> Zgodność z przeglądarką </h3>
<div class="noinclude">
</div>
{{ languages( { "en": "en/CSS/color", "es": "es/CSS/color", "fr": "fr/CSS/color", "ja": "ja/CSS/color" } ) }}