Различия

Показаны различия между двумя версиями страницы.

--- formati_vkazannja_kolru [2023/09/10 17:57]
tro
+++ formati_vkazannja_kolru [2023/09/10 18:06] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== Формати вказання кольру ======
 ===== RGB =====
+Комбінація червоного, зеленого, синього значення кольорів. Можна вказувати числами або процентами
+<code>
+/* Чистий червоний колір: 255 червоний, 0 зелений, 0 синій */
+p {
+  color: rgb(255, 0, 0);
+}
+</code>
+<code>
+/* Чистий червоний колір: 100% червоний, 0% зелений, 0% синій */
+p {
+  color: rgb(100%, 0%, 0%);
+}
+</code>
 ===== Hexadecimal =====
+   Грунтується на записі числа у шістнадцятковій системі числення. Частка кожного з трьох основних кольорів описується двома символами та визначає інтенсивність кольору. Порядок такий самий - червоного, зеленого, синьій.
+   Можна задати також і в Hex-форматі, але через складність такого запису і запам'ятовування значень завжди використовують функцію rgba.
+<code>
+/* Чистий червоний колір: ff (100%) червогого, 00 (0%) зеленого, 00 (0%) синього */
+p {
+  color: #ff0000;
+}
+</code>
 ===== RGBА =====
+Основний спосіб додавання прозорості кольору це функція rgba(). На відміну від rgb(), тут додається четвертий параметр — прозорість кольору (альфа-канал).
+<code>
+p {
+  background-color: rgba(234, 51, 36, 0.5);
+}
+</code>