Кольори CSS

Модуль Кольорів CSS визначає кольори, колірні типи, змішування кольорів, непрозорість та те, як ці кольори та ефекти можна застосовувати до вмісту HTML.

Попри те, що цей модуль вміщає лише дві властивості CSS, color і opacity, понад 20 властивостей CSS і SVG, зображень CSS, директив і правил @media залежать від цих двох властивостей.

Кольори в дії

Перетворювач колірного синтаксису нижче демонструє значення поточного вибраного кольору в колірних форматах CSS червоному-зеленому-синьому (RGB), шістнадцятковому (HEX), барві, насиченості та світності (HSL) та барві, білизні та чорноті (HWB). Усі колірні значення тут, RGB, HEX, HSL та HWB, хоча і записані по-різному, представляють одне й те ж колірне значення.

Вибір кольору за допомогою інтерфейсу вибору кольору та непрозорості за допомогою повзуна оновлює значення RGB, HEX, HSL та HWB. Коли обирається новий колір або значення непрозорості, то колір фону та повзуна оновлюється за допомогою властивостей CSS background-color та accent-color відповідно.

Щоб побачити код цього перетворювача колірного синтаксису, перегляньте вихідний код на GitHub.

Довідкові матеріали

Властивості

Директиви та дескриптори

Функції

Типи даних

Ключові слова

Інтерфейси

  • CSSColorProfileRule

Посібники

Застосування кольору до елементів HTML за допомогою CSS

Посібник з використання CSS для застосування кольору до різноманітного вмісту. Торкається всіх властивостей CSS, пов'язаних з кольором.

Розуміння кольору та світності

Сприйняття кольору та використання кольорів для потреб нечутливих до кольору (колірно-сліпих) користувачів, користувачів зі зниженим зором та користувачів з вестибулярними або іншими неврологічними порушеннями.

WCAG 1.4.1: Колірний контраст

Пояснення вимог до контрасту між заднім і переднім планами для забезпечення читабельності.

Інструмент вибору кольору

Завдяки цьому інструменту легко створювати, налаштовувати та експериментувати зі власними кольорами.

Споріднені концепції

Специфікації

{{Specifications}}

Дивіться також