{"id":6327,"date":"2026-05-10T17:00:23","date_gmt":"2026-05-10T13:30:23","guid":{"rendered":"https:\/\/parmin.cloud\/blog\/?p=6327"},"modified":"2026-05-10T17:00:23","modified_gmt":"2026-05-10T13:30:23","slug":"%d9%86%d8%ad%d9%88%d9%87-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d8%b1%d9%86%da%af%d9%87%d8%a7%db%8c-hex-%d8%af%d8%b1-css-%d9%87%d9%85%d8%b1%d8%a7%d9%87-%d8%a8%d8%a7-alpha","status":"publish","type":"post","link":"https:\/\/parmin.cloud\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d8%b1%d9%86%da%af%d9%87%d8%a7%db%8c-hex-%d8%af%d8%b1-css-%d9%87%d9%85%d8%b1%d8%a7%d9%87-%d8%a8%d8%a7-alpha\/","title":{"rendered":"\u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc Hex \u062f\u0631 CSS \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 Alpha"},"content":{"rendered":"<h2 data-section-id=\"43f4r3\" data-start=\"53\" data-end=\"61\">\u0645\u0642\u062f\u0645\u0647<\/h2>\n<p data-start=\"63\" data-end=\"144\">\u062f\u0631 CSS \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0631\u0646\u06af\u200c\u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u0631\u0627\u06cc\u062c\u200c\u062a\u0631\u06cc\u0646 \u0622\u0646\u200c\u0647\u0627 \u0639\u0628\u0627\u0631\u062a\u200c\u0627\u0646\u062f \u0627\u0632:<\/p>\n<ul data-start=\"146\" data-end=\"183\">\n<li data-section-id=\"1x7lg2f\" data-start=\"146\" data-end=\"164\">Hex (\u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644)<\/li>\n<li data-section-id=\"1o4tpb\" data-start=\"165\" data-end=\"170\">RGB<\/li>\n<li data-section-id=\"1j4f88u\" data-start=\"171\" data-end=\"177\">RGBA<\/li>\n<li data-section-id=\"1o450f\" data-start=\"178\" data-end=\"183\">HSL<\/li>\n<\/ul>\n<p data-start=\"185\" data-end=\"309\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0627 \u06a9\u062f\u0647\u0627\u06cc \u0631\u0646\u06af Hex \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u0634\u0648\u06cc\u062f \u0648 \u06cc\u0627\u062f \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0642\u062f\u0627\u0631 Alpha \u0645\u06cc\u0632\u0627\u0646 \u0634\u0641\u0627\u0641\u06cc\u062a \u0631\u0646\u06af\u200c\u0647\u0627 \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<hr data-start=\"311\" data-end=\"314\" \/>\n<h1 data-section-id=\"15g5ic3\" data-start=\"316\" data-end=\"328\">\u067e\u06cc\u0634\u200c\u0646\u06cc\u0627\u0632\u0647\u0627<\/h1>\n<p data-start=\"330\" data-end=\"365\">\u0628\u0631\u0627\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0647\u062a\u0631 \u0627\u0633\u062a:<\/p>\n<ul data-start=\"367\" data-end=\"469\">\n<li data-section-id=\"18qjw8k\" data-start=\"367\" data-end=\"401\">\u0622\u0634\u0646\u0627\u06cc\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627 CSS \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/li>\n<li data-section-id=\"1vp24xv\" data-start=\"402\" data-end=\"469\">\u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u062f\u0631\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0641\u0631\u0645\u062a <code data-start=\"444\" data-end=\"455\">#RRGGBBAA<\/code> \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0646\u062f.<\/li>\n<\/ul>\n<hr data-start=\"471\" data-end=\"474\" \/>\n<h1 data-section-id=\"1xnlgby\" data-start=\"476\" data-end=\"506\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0645 \u0631\u0646\u06af\u200c\u0647\u0627 \u062f\u0631 CSS<\/h1>\n<p data-start=\"508\" data-end=\"559\">CSS \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0622\u0645\u0627\u062f\u0647 \u0648 \u0646\u0627\u0645\u200c\u062f\u0627\u0631 \u0646\u06cc\u0632 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p data-start=\"561\" data-end=\"571\">\u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">div<\/span> {\r\n  color: <span class=\"\u037cj\">red<\/span>;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"619\" data-end=\"651\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644 \u0631\u0646\u06af \u0645\u062a\u0646 \u0642\u0631\u0645\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p data-start=\"653\" data-end=\"696\">\u062d\u062f\u0648\u062f \u06f1\u06f4\u06f0 \u0631\u0646\u06af \u0646\u0627\u0645\u200c\u062f\u0627\u0631 \u062f\u0631 CSS \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061b \u0645\u062b\u0644:<\/p>\n<ul data-start=\"698\" data-end=\"729\">\n<li data-section-id=\"1o43ln\" data-start=\"698\" data-end=\"703\">red<\/li>\n<li data-section-id=\"1j3etp2\" data-start=\"704\" data-end=\"710\">blue<\/li>\n<li data-section-id=\"1de5rbf\" data-start=\"711\" data-end=\"721\">lavender<\/li>\n<li data-section-id=\"16f85f7\" data-start=\"722\" data-end=\"729\">green<\/li>\n<\/ul>\n<p data-start=\"731\" data-end=\"819\">\u0627\u0645\u0627 \u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 \u0648 \u0633\u0641\u0627\u0631\u0634\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f\u060c \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0627\u0632 Hex Code \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<hr data-start=\"821\" data-end=\"824\" \/>\n<h1 data-section-id=\"t4143m\" data-start=\"826\" data-end=\"855\">\u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 Hexadecimal<\/h1>\n<p data-start=\"857\" data-end=\"899\">\u0633\u06cc\u0633\u062a\u0645 \u0639\u062f\u062f\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc \u0645\u0627 \u062f\u0647\u200c\u062f\u0647\u06cc (Base 10) \u0627\u0633\u062a:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>0 1 2 3 4 5 6 7 8 9<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"946\" data-end=\"982\">\u0627\u0645\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644 \u0628\u0631 \u067e\u0627\u06cc\u0647 16 \u0627\u0633\u062a:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>0 1 2 3 4 5 6 7 8 9 A B C D E F<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1041\" data-end=\"1054\">\u062f\u0631 \u0627\u06cc\u0646 \u0633\u06cc\u0633\u062a\u0645:<\/p>\n<ul data-start=\"1056\" data-end=\"1098\">\n<li data-section-id=\"hl69co\" data-start=\"1056\" data-end=\"1068\">A \u0645\u0639\u0627\u062f\u0644 10<\/li>\n<li data-section-id=\"s5f3zu\" data-start=\"1069\" data-end=\"1081\">B \u0645\u0639\u0627\u062f\u0644 11<\/li>\n<li data-section-id=\"373wr2\" data-start=\"1082\" data-end=\"1085\">\u2026<\/li>\n<li data-section-id=\"vqh2ey\" data-start=\"1086\" data-end=\"1098\">F \u0645\u0639\u0627\u062f\u0644 15<\/li>\n<\/ul>\n<p data-start=\"1100\" data-end=\"1119\">\u0646\u0645\u0648\u0646\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0645\u0639\u062a\u0628\u0631:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>00\r\n1D\r\n9F\r\nCC\r\nE4\r\nFF<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1164\" data-end=\"1167\" \/>\n<h1 data-section-id=\"1ismqt2\" data-start=\"1169\" data-end=\"1198\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Hex Color \u062f\u0631 CSS<\/h1>\n<p data-start=\"1200\" data-end=\"1239\">\u0641\u0631\u0645\u062a \u0631\u0646\u06af\u200c\u0647\u0627\u06cc Hex \u062f\u0631 CSS \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>#RRGGBB<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1274\" data-end=\"1283\">\u06a9\u0647 \u062f\u0631 \u0622\u0646:<\/p>\n<ul data-start=\"1285\" data-end=\"1336\">\n<li data-section-id=\"184y8fj\" data-start=\"1285\" data-end=\"1302\">RR = \u0645\u0642\u062f\u0627\u0631 \u0642\u0631\u0645\u0632<\/li>\n<li data-section-id=\"1b7xmle\" data-start=\"1303\" data-end=\"1319\">GG = \u0645\u0642\u062f\u0627\u0631 \u0633\u0628\u0632<\/li>\n<li data-section-id=\"1py4lf1\" data-start=\"1320\" data-end=\"1336\">BB = \u0645\u0642\u062f\u0627\u0631 \u0622\u0628\u06cc<\/li>\n<\/ul>\n<p data-start=\"1338\" data-end=\"1372\">\u0647\u0631 \u0628\u062e\u0634 \u0634\u0627\u0645\u0644 \u062f\u0648 \u0631\u0642\u0645 \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644 \u0627\u0633\u062a.<\/p>\n<hr data-start=\"1374\" data-end=\"1377\" \/>\n<h2 data-section-id=\"1xxzqtl\" data-start=\"1379\" data-end=\"1390\">\u0631\u0646\u06af \u0645\u0634\u06a9\u06cc<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">div<\/span> {\r\n  color: #000000;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1442\" data-end=\"1502\">\u062a\u0645\u0627\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0631\u0648\u06cc <code data-start=\"1458\" data-end=\"1462\">00<\/code> \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0646\u062f\u061b \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062e\u0631\u0648\u062c\u06cc \u0645\u0634\u06a9\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<hr data-start=\"1504\" data-end=\"1507\" \/>\n<h2 data-section-id=\"1y0jh7w\" data-start=\"1509\" data-end=\"1520\">\u0631\u0646\u06af \u0633\u0641\u06cc\u062f<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">div<\/span> {\r\n  color: #FFFFFF;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1572\" data-end=\"1627\">\u062a\u0645\u0627\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0631\u0648\u06cc <code data-start=\"1588\" data-end=\"1592\">FF<\/code> \u0647\u0633\u062a\u0646\u062f\u061b \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062e\u0631\u0648\u062c\u06cc \u0633\u0641\u06cc\u062f \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<hr data-start=\"1629\" data-end=\"1632\" \/>\n<h2 data-section-id=\"1xy4ud5\" data-start=\"1634\" data-end=\"1645\">\u0631\u0646\u06af \u0642\u0631\u0645\u0632<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">div<\/span> {\r\n  color: #FF0000;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1697\" data-end=\"1706\">\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627:<\/p>\n<ul data-start=\"1708\" data-end=\"1741\">\n<li data-section-id=\"slcyc1\" data-start=\"1708\" data-end=\"1719\">\u0642\u0631\u0645\u0632 = FF<\/li>\n<li data-section-id=\"e2qh8c\" data-start=\"1720\" data-end=\"1730\">\u0633\u0628\u0632 = 00<\/li>\n<li data-section-id=\"1c3w0dv\" data-start=\"1731\" data-end=\"1741\">\u0622\u0628\u06cc = 00<\/li>\n<\/ul>\n<hr data-start=\"1743\" data-end=\"1746\" \/>\n<h1 data-section-id=\"4vm0c7\" data-start=\"1748\" data-end=\"1768\">\u0645\u062b\u0627\u0644 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641<\/h1>\n<h2 data-section-id=\"ij86ki\" data-start=\"1770\" data-end=\"1780\">Crimson<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">color<\/span>: <span class=\"\u037cg\">#<\/span><span class=\"\u037co\">DC143C<\/span>;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1822\" data-end=\"1825\" \/>\n<h2 data-section-id=\"15z6n60\" data-start=\"1827\" data-end=\"1836\">Violet<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">color<\/span>: <span class=\"\u037cg\">#<\/span><span class=\"\u037co\">EE82EE<\/span>;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1878\" data-end=\"1881\" \/>\n<h2 data-section-id=\"1dujhoi\" data-start=\"1883\" data-end=\"1895\">Turquoise<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">color<\/span>: <span class=\"\u037cg\">#<\/span>40<span class=\"\u037co\">E0D0<\/span>;<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1937\" data-end=\"1940\" \/>\n<h1 data-section-id=\"1urw6xv\" data-start=\"1942\" data-end=\"1952\">\u0646\u06a9\u0627\u062a \u0645\u0647\u0645<\/h1>\n<p data-start=\"1954\" data-end=\"1997\">Hex Code\u0647\u0627 \u0628\u0647 \u062d\u0631\u0648\u0641 \u06a9\u0648\u0686\u06a9 \u0648 \u0628\u0632\u0631\u06af \u062d\u0633\u0627\u0633 \u0646\u06cc\u0633\u062a\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>#ff0000 = #FF0000<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2042\" data-end=\"2090\">\u0647\u0645\u0686\u0646\u06cc\u0646 CSS \u0627\u0632 \u062d\u0627\u0644\u062a \u06a9\u0648\u062a\u0627\u0647\u200c\u0634\u062f\u0647 \u0647\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>#F00 = #FF0000<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"2132\" data-end=\"2135\" \/>\n<h1 data-section-id=\"am1sic\" data-start=\"2137\" data-end=\"2167\">\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 Alpha \u0628\u0631\u0627\u06cc \u0634\u0641\u0627\u0641\u06cc\u062a<\/h1>\n<p data-start=\"2169\" data-end=\"2226\">\u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0634\u0641\u0627\u0641\u06cc\u062a\u060c \u0641\u0631\u0645\u062a \u0631\u0646\u06af \u0628\u0647 \u0627\u06cc\u0646 \u0634\u06a9\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>#RRGGBBAA<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2263\" data-end=\"2309\">\u0628\u062e\u0634 \u0622\u062e\u0631 \u06cc\u0639\u0646\u06cc <code data-start=\"2276\" data-end=\"2280\">AA<\/code> \u0645\u06cc\u0632\u0627\u0646 \u0634\u0641\u0627\u0641\u06cc\u062a \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<hr data-start=\"2311\" data-end=\"2314\" \/>\n<h2 data-section-id=\"1uxw0ie\" data-start=\"2316\" data-end=\"2331\">\u0645\u062d\u062f\u0648\u062f\u0647 Alpha<\/h2>\n<ul data-start=\"2333\" data-end=\"2373\">\n<li data-section-id=\"qubbad\" data-start=\"2333\" data-end=\"2353\"><code data-start=\"2335\" data-end=\"2339\">00<\/code> = \u06a9\u0627\u0645\u0644\u0627\u064b \u0634\u0641\u0627\u0641<\/li>\n<li data-section-id=\"10wgby6\" data-start=\"2354\" data-end=\"2373\"><code data-start=\"2356\" data-end=\"2360\">FF<\/code> = \u06a9\u0627\u0645\u0644\u0627\u064b \u0645\u0627\u062a<\/li>\n<\/ul>\n<p data-start=\"2375\" data-end=\"2416\">\u0647\u0631\u0686\u0647 \u0645\u0642\u062f\u0627\u0631 \u06a9\u0645\u062a\u0631 \u0628\u0627\u0634\u062f\u060c \u0631\u0646\u06af \u0634\u0641\u0627\u0641\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<hr data-start=\"2418\" data-end=\"2421\" \/>\n<h1 data-section-id=\"1fwf8d6\" data-start=\"2423\" data-end=\"2446\">\u0645\u062b\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Alpha<\/h1>\n<h2 data-section-id=\"14tf70i\" data-start=\"2448\" data-end=\"2465\">\u0631\u0646\u06af \u0622\u0628\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">div<\/span> {\r\n  background-color: #0080FF;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"2528\" data-end=\"2531\" \/>\n<h2 data-section-id=\"1vaov0h\" data-start=\"2533\" data-end=\"2553\">\u0631\u0646\u06af \u0622\u0628\u06cc \u0628\u0627 \u0634\u0641\u0627\u0641\u06cc\u062a<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">div<\/span> {\r\n  background-color: #0080FF80;\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2618\" data-end=\"2630\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644:<\/p>\n<ul data-start=\"2632\" data-end=\"2668\">\n<li data-section-id=\"gwas9z\" data-start=\"2632\" data-end=\"2668\"><code data-start=\"2634\" data-end=\"2638\">80<\/code> \u0645\u06cc\u0632\u0627\u0646 \u0634\u0641\u0627\u0641\u06cc\u062a \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<\/ul>\n<hr data-start=\"2670\" data-end=\"2673\" \/>\n<h1 data-section-id=\"1voqtyl\" data-start=\"2675\" data-end=\"2705\">\u0645\u0632\u06cc\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Alpha \u062f\u0631 Hex<\/h1>\n<p data-start=\"2707\" data-end=\"2833\">\u0627\u06af\u0631 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0627\u0632 \u0642\u0628\u0644 \u0628\u0627 Hex Color \u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0641\u0631\u0645\u062a \u0631\u0646\u06af\u200c\u0647\u0627\u060c \u0641\u0642\u0637 \u0628\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 Alpha \u0634\u0641\u0627\u0641\u06cc\u062a \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<hr data-start=\"2835\" data-end=\"2838\" \/>\n<h1 data-section-id=\"1hmzxk1\" data-start=\"2840\" data-end=\"2884\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Chrome DevTools \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0646\u06af<\/h1>\n<p data-start=\"2886\" data-end=\"2915\">\u062f\u0631 Chrome DevTools \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f:<\/p>\n<ul data-start=\"2917\" data-end=\"3017\">\n<li data-section-id=\"3zqgy4\" data-start=\"2917\" data-end=\"2940\">\u0631\u0646\u06af\u200c\u0647\u0627 \u0631\u0627 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f<\/li>\n<li data-section-id=\"10s7cbp\" data-start=\"2941\" data-end=\"3017\">\u0628\u06cc\u0646 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u062c\u0627\u0628\u0647\u200c\u062c\u0627 \u0634\u0648\u06cc\u062f:\n<ul data-start=\"2978\" data-end=\"3017\">\n<li data-section-id=\"1o43tp\" data-start=\"2978\" data-end=\"2983\">Hex<\/li>\n<li data-section-id=\"1o4tpb\" data-start=\"2986\" data-end=\"2991\">RGB<\/li>\n<li data-section-id=\"1j4f88u\" data-start=\"2994\" data-end=\"3000\">RGBA<\/li>\n<li data-section-id=\"1o450f\" data-start=\"3003\" data-end=\"3008\">HSL<\/li>\n<li data-section-id=\"1j3slfi\" data-start=\"3011\" data-end=\"3017\">HSLA<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p data-start=\"3019\" data-end=\"3032\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631:<\/p>\n<ol data-start=\"3034\" data-end=\"3150\">\n<li data-section-id=\"1mb6xv3\" data-start=\"3034\" data-end=\"3058\">DevTools \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-section-id=\"lgl6u3\" data-start=\"3059\" data-end=\"3085\">\u0631\u0648\u06cc \u0645\u0631\u0628\u0639 \u0631\u0646\u06af \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f.<\/li>\n<li data-section-id=\"14dp9iv\" data-start=\"3086\" data-end=\"3150\">\u0628\u0627 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 <code data-start=\"3102\" data-end=\"3109\">SHIFT<\/code> \u0631\u0648\u06cc \u0631\u0646\u06af \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0641\u0631\u0645\u062a\u200c\u0647\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u06a9\u0646\u0646\u062f.<\/li>\n<\/ol>\n<hr data-start=\"3152\" data-end=\"3155\" \/>\n<h1 data-section-id=\"1t6iden\" data-start=\"3157\" data-end=\"3169\">\u0646\u062a\u06cc\u062c\u0647\u200c\u06af\u06cc\u0631\u06cc<\/h1>\n<p data-start=\"3171\" data-end=\"3207\">\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0627 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f:<\/p>\n<ul data-start=\"3209\" data-end=\"3340\">\n<li data-section-id=\"19juoou\" data-start=\"3209\" data-end=\"3236\">\u0633\u0627\u062e\u062a\u0627\u0631 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc Hex \u062f\u0631 CSS<\/li>\n<li data-section-id=\"kyxg0w\" data-start=\"3237\" data-end=\"3255\">\u0633\u06cc\u0633\u062a\u0645 \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644<\/li>\n<li data-section-id=\"pxzj0p\" data-start=\"3256\" data-end=\"3283\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc<\/li>\n<li data-section-id=\"7ilqcu\" data-start=\"3284\" data-end=\"3310\">\u0627\u0641\u0632\u0648\u062f\u0646 Alpha \u0628\u0631\u0627\u06cc \u0634\u0641\u0627\u0641\u06cc\u062a<\/li>\n<li data-section-id=\"1qjqedt\" data-start=\"3311\" data-end=\"3340\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0631\u0645\u062a <code data-start=\"3329\" data-end=\"3340\">#RRGGBBAA<\/code><\/li>\n<\/ul>\n<p data-start=\"3342\" data-end=\"3444\" data-is-last-node=\"\" data-is-only-node=\"\">\u0627\u06cc\u0646 \u0641\u0631\u0645\u062a \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0627\u0645\u0627 \u062f\u0631 \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc Internet Explorer \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06cc\u0633\u062a.<\/p>\n<p data-start=\"3342\" data-end=\"3444\" data-is-last-node=\"\" data-is-only-node=\"\">\n<p data-start=\"3342\" data-end=\"3444\" data-is-last-node=\"\" data-is-only-node=\"\">\n<p data-start=\"3342\" data-end=\"3444\" data-is-last-node=\"\" data-is-only-node=\"\">\n<p data-start=\"3342\" data-end=\"3444\" data-is-last-node=\"\" data-is-only-node=\"\">\u0627\u0632 \u0647\u0645\u0631\u0627\u0647\u06cc \u0634\u0645\u0627 \u0628\u0627 <strong><a href=\"https:\/\/parmin.cloud\/\">\u067e\u0627\u0631\u0645\u06cc\u0646 \u06a9\u0644\u0648\u062f<\/a><\/strong> \u0633\u067e\u0627\u0633\u06af\u0632\u0627\u0631\u06cc\u0645.<\/p>\n<div style='text-align:center' class='yasr-auto-insert-visitor'><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u062f\u0645\u0647 \u062f\u0631 CSS \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0631\u0646\u06af\u200c\u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f. \u0631\u0627\u06cc\u062c\u200c\u062a\u0631\u06cc\u0646 \u0622\u0646\u200c\u0647\u0627 \u0639\u0628\u0627\u0631\u062a\u200c\u0627\u0646\u062f \u0627\u0632: Hex (\u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644) RGB RGBA HSL \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0627 \u06a9\u062f\u0647\u0627\u06cc \u0631\u0646\u06af Hex \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u0634\u0648\u06cc\u062f \u0648 \u06cc\u0627\u062f \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u0686\u06af\u0648\u0646\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0642\u062f\u0627\u0631 Alpha \u0645\u06cc\u0632\u0627\u0646 \u0634\u0641\u0627\u0641\u06cc\u062a \u0631\u0646\u06af\u200c\u0647\u0627 \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u062f. \u067e\u06cc\u0634\u200c\u0646\u06cc\u0627\u0632\u0647\u0627 \u0628\u0631\u0627\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0647\u062a\u0631 \u0627\u0633\u062a: \u0622\u0634\u0646\u0627\u06cc\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627 CSS [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6328,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[67,190],"tags":[1071,1075,1074,1073,1072],"class_list":["post-6327","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-67","category-programming","tag--css--","tag---hex--css","tag---alpha--css","tag----css"],"aioseo_notices":[],"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/comments?post=6327"}],"version-history":[{"count":1,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6327\/revisions"}],"predecessor-version":[{"id":6329,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6327\/revisions\/6329"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media\/6328"}],"wp:attachment":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media?parent=6327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/categories?post=6327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/tags?post=6327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}