---
title: CSS Colors
slug: Web/CSS/CSS_Color
tags:
  - CSS
  - Цвета
  - Цвета в CSS
translation_of: Web/CSS/CSS_Color
translation_of_original: Web/CSS/CSS_Colors
original_slug: Web/CSS/CSS_Colors
---
<div>{{CSSRef}}</div>

<p><strong>CSS Colors</strong> - модуль в CSS, который работает с цветами, типами цветов и прозрачностью.</p>

<h2 id="Руководство">Руководство</h2>

<h3 id="Свойства">Свойства</h3>

<div class="index">
<ul>
 <li>{{cssxref("color")}}</li>
 <li>{{cssxref("opacity")}}</li>
</ul>
</div>

<h3 id="Типы_данных_в_CSS">Типы данных в CSS</h3>

<p>{{cssxref("&lt;color&gt;")}}</p>

<h2 id="Руководства">Руководства</h2>

<p><em>Нет.</em></p>

<h2 id="Спецификации">Спецификации</h2>

<table>
  <thead>
    <tr>
      <th>Specification</th>
      <th>Status</th>
      <th>Comment</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('CSS4 Colors')}}</td>
      <td>{{Spec2('CSS4 Colors')}}</td>
      <td></td>
    </tr>
    <tr>
      <td>{{SpecName('CSS3 Colors')}}</td>
      <td>{{Spec2('CSS3 Colors')}}</td>
      <td></td>
    </tr>
    <tr>
      <td>{{SpecName('CSS2.1', 'colors.html')}}</td>
      <td>{{Spec2('CSS2.1')}}</td>
      <td></td>
    </tr>
    <tr>
      <td>{{SpecName('CSS1')}}</td>
      <td>{{Spec2('CSS1')}}</td>
      <td>Initial definition</td>
    </tr>
  </tbody>
</table>

<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>

<h3 id="color_property"><code>color</code> property</h3>

<p>{{Compat("css.properties.color")}}</p>

<h3 id="color-adjust_property"><code>color-adjust</code> property</h3>

<p>{{Compat("css.properties.color-adjust")}}</p>

<h3 id="opacity_property"><code>opacity</code> property</h3>

<p>{{Compat("css.properties.opacity")}}</p>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>В CSS градиенты не цвета, а <a href="/en-US/docs/Web/CSS/CSS_Images">изображения</a>.</li>
</ul>