{"id":5973,"date":"2025-12-18T17:00:44","date_gmt":"2025-12-18T13:30:44","guid":{"rendered":"https:\/\/parmin.cloud\/blog\/?p=5973"},"modified":"2025-12-18T17:00:44","modified_gmt":"2025-12-18T13:30:44","slug":"%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-%d8%b1%d9%86%da%af%d9%87%d8%a7-%d8%af%d8%b1-css-%d9%85%d8%b9%d8%b1%d9%81%db%8c-%db%b4-%d8%b1%d9%88%d8%b4-%d8%aa%d8%b9%d8%b1%db%8c%d9%81-%d8%b1%d9%86%da%af","status":"publish","type":"post","link":"https:\/\/parmin.cloud\/blog\/%da%a9%d8%a7%d8%b1-%d8%a8%d8%a7-%d8%b1%d9%86%da%af%d9%87%d8%a7-%d8%af%d8%b1-css-%d9%85%d8%b9%d8%b1%d9%81%db%8c-%db%b4-%d8%b1%d9%88%d8%b4-%d8%aa%d8%b9%d8%b1%db%8c%d9%81-%d8%b1%d9%86%da%af\/","title":{"rendered":"\u06a9\u0627\u0631 \u0628\u0627 \u0631\u0646\u06af\u200c\u0647\u0627 \u062f\u0631 CSS: \u0645\u0639\u0631\u0641\u06cc \u06f4 \u0631\u0648\u0634 \u062a\u0639\u0631\u06cc\u0641 \u0631\u0646\u06af \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628"},"content":{"rendered":"

\u0631\u0646\u06af \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0627\u0633\u062a. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0646\u06af \u0645\u0646\u0627\u0633\u0628 \u0628\u0647 \u0627\u0646\u062a\u0642\u0627\u0644 \u062d\u0633\u060c \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0628\u0635\u0631\u06cc \u0648 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062d\u062a\u0648\u0627 \u062a\u0648\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

\u062f\u0631 CSS\u060c \u0686\u0647\u0627\u0631 \u0631\u0648\u0634 \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0631\u0646\u06af \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0647\u0631\u06a9\u062f\u0627\u0645 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f \u062e\u0627\u0635 \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0627 \u0634\u06cc\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0631\u0646\u06af\u060c \u0645\u0642\u0627\u062f\u06cc\u0631 \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644\u060c \u0641\u0631\u0645\u062a rgb() \u0648 \u0641\u0631\u0645\u062a hsl() \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u0634\u0648\u06cc\u062f. \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627 \u0631\u0627 \u0631\u0648\u06cc \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0627\u0631 HTML \u0622\u0632\u0645\u0627\u06cc\u0634 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u062a\u0627 \u062a\u0641\u0627\u0648\u062a \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f \u0647\u0631 \u0631\u0648\u0634 \u0631\u0627 \u0628\u0647\u062a\u0631 \u062f\u0631\u06a9 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0637\u06cc \u0622\u0645\u0648\u0632\u0634 \u0628\u0627 \u062e\u0648\u0627\u0635\u06cc \u0645\u062b\u0644 color\u060c border \u0648 background-color \u06a9\u0627\u0631 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n

\u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0627\u06cc\u0647\u200c\u0627\u06cc HTML \u0648 CSS<\/h2>\n

\u0627\u0628\u062a\u062f\u0627 \u0641\u0627\u06cc\u0644 index.html<\/code> \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n

<!DOCTYPE html>\r\n<html lang=\"fa\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>\u06a9\u0627\u0631 \u0628\u0627 \u0631\u0646\u06af\u200c\u0647\u0627 \u062f\u0631 CSS<\/title>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"stylesheet\" href=\"styles.css\">\r\n<\/head>\r\n<body>\r\n    <article>\r\n        <header>\r\n            <h1>\u0631\u0646\u06af \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628<\/h1>\r\n        <\/header>\r\n        <p>\u0631\u0646\u06af \u0628\u062e\u0634 \u0645\u0647\u0645\u06cc \u0627\u0632 \u062f\u0631\u06a9 \u0645\u0627 \u0627\u0632 \u062c\u0647\u0627\u0646 \u0648 \u0646\u0642\u0634 \u06a9\u0644\u06cc\u062f\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u062f\u0627\u0631\u062f.<\/p>\r\n        <hr \/>\r\n        <p>\u0627\u0646\u062a\u062e\u0627\u0628 \u0635\u062d\u06cc\u062d \u0631\u0646\u06af \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0631\u0645\u062a \u0645\u0646\u0627\u0633\u0628 \u062f\u0631 CSS \u0645\u0646\u062c\u0631 \u0628\u0647 \u0628\u0647\u0628\u0648\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\r\n        <footer>\u0645\u0646\u0628\u0639: \r\n            <a href=\"https:\/\/en.wikipedia.org\/wiki\/Color\" target=\"_blank\">\u0648\u06cc\u06a9\u06cc\u200c\u067e\u062f\u06cc\u0627<\/a>\r\n        <\/footer>\r\n    <\/article>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
\u062d\u0627\u0644 \u0641\u0627\u06cc\u0644 styles.css<\/code> \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n
body {\r\n    font-family: sans-serif;\r\n    line-height: 1.5;\r\n}\r\n\r\narticle {\r\n    margin: 2rem auto;\r\n    padding: 2rem;\r\n    width: 90%;\r\n    max-width: 40rem;\r\n    box-sizing: border-box;\r\n}\r\n\r\nh1 {\r\n    font-size: 2rem;\r\n    margin: 0 0 1rem;\r\n    text-align: center;\r\n}\r\n\r\nhr {\r\n    height: 0.25rem;\r\n    margin: 2rem auto;\r\n    width: 90%;\r\n    max-width: 18rem;\r\n    border-radius: 0.5rem;\r\n}\r\n\r\nfooter {\r\n    margin-top: 2rem;\r\n    font-size: 0.875rem;\r\n}\r\n<\/pre>\n
\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0631\u0646\u06af\u06cc (CSS Color Keywords)<\/h2>\n
\u062f\u0631 CSS \u0628\u06cc\u0634 \u0627\u0632 \u0635\u062f \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0633\u0631\u06cc\u0639 \u0648 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0631\u0646\u06af\u200c\u0647\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u200c\u0627\u0646\u062f. \u0644\u06cc\u0633\u062a \u06a9\u0627\u0645\u0644 \u0627\u06cc\u0646 \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u062f\u0631 \u0633\u0627\u06cc\u062a W3C \u0627\u0631\u0627\u0626\u0647\u200c\u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n
article {\r\n    background-color: seashell;\r\n    border: 0.25rem solid sandybrown;\r\n    color: maroon;\r\n}\r\n<\/pre>\n
\u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0645\u06a9\u0645\u0644: \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644 \u062a\u06cc\u062a\u0631 \u0631\u0627 \u0628\u0647 \u0631\u0646\u06af teal \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645 \u0648 \u062e\u0637 \u0645\u06cc\u0627\u0646 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641\u200c\u0647\u0627 (hr) \u0631\u0627 \u0628\u0627 \u062a\u0631\u06a9\u06cc\u0628 border \u0628\u0647 \u0631\u0646\u06af teal \u0648 background \u0628\u0647 \u0631\u0646\u06af darkturquoise \u0633\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:<\/p>\n
h1 {\r\n    color: teal;\r\n}\r\n\r\nhr {\r\n    border: 0.25rem solid teal;\r\n    background-color: darkturquoise;\r\n}\r\n<\/pre>\n
\u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u0641\u0648\u062a\u0631 \u0647\u0645 \u0631\u0646\u06af chocolate \u0631\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n
footer {\r\n    color: chocolate;\r\n}\r\n<\/pre>\n
\u0627\u06af\u0631 \u0645\u0627\u06cc\u0644 \u0647\u0633\u062a\u06cc\u062f \u0644\u06cc\u0646\u06a9 \u062f\u0627\u062e\u0644 \u0641\u0648\u062a\u0631 \u0631\u0646\u06af \u0645\u062a\u0646 \u0648\u0627\u0644\u062f \u0631\u0627 \u0628\u0647 \u0627\u0631\u062b \u0628\u0628\u0631\u062f \u0627\u0632 \u0645\u0642\u062f\u0627\u0631 inherit \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n
footer a {\r\n    color: inherit;\r\n}\r\n<\/pre>\n
\u0646\u06a9\u062a\u0647: \u0645\u0642\u062f\u0627\u0631 inherit \u0641\u0642\u0637 \u0631\u0648\u06cc \u062e\u0627\u0635\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f color \u0648 border-color \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u0645\u0648\u0627\u0642\u0639\u06cc \u06a9\u0647 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f \u0633\u0627\u06cc\u0631 \u062e\u0648\u0627\u0635 \u0645\u062b\u0644 background-color \u0631\u0627 \u0647\u0645 \u0627\u0632 \u0631\u0646\u06af \u06a9\u0646\u0648\u0646\u06cc \u0639\u0646\u0635\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f \u0627\u0632 \u0645\u0642\u062f\u0627\u0631 currentColor \u06a9\u0645\u06a9 \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/p>\n
\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644 (Hexadecimal Color Codes)<\/h2>\n
\u0631\u0627\u06cc\u062c\u200c\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634 \u062a\u0639\u0631\u06cc\u0641 \u0631\u0646\u06af \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u062f\u0647\u0627\u06cc \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644 \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0631\u0646\u06af \u0628\u0627 \u06cc\u06a9 # \u0622\u063a\u0627\u0632 \u0634\u062f\u0647 \u0648 \u0634\u0634 \u062d\u0631\u0641 \u0628\u0639\u062f\u06cc \u0646\u0645\u0627\u06cc\u0627\u0646\u06af\u0631 \u0634\u062f\u062a \u0642\u0631\u0645\u0632\u060c \u0633\u0628\u0632 \u0648 \u0622\u0628\u06cc \u0627\u0633\u062a (\u0628\u0631\u0627\u06cc \u0647\u0631 \u06a9\u062f\u0627\u0645 \u062f\u0648 \u062d\u0631\u0641\u060c \u0627\u0632 \u06f0\u06f0 \u062a\u0627 ff). \u0646\u0633\u062e\u0647 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631 \u0647\u0645 \u0628\u0627 \u0633\u0647 \u062d\u0631\u0641 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0647\u0631\u06cc\u06a9 \u062f\u0648 \u0628\u0627\u0631 \u062a\u06a9\u0631\u0627\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f (\u0645\u062b\u0644\u0627\u064b #ff0 \u0647\u0645\u0627\u0646 #ffff00 \u0627\u0633\u062a).<\/p>\n
article {\r\n    background-color: #f0f0f0;\r\n    border: 0.25rem solid #ccc;\r\n    color: #444;\r\n}\r\n\r\nh1 {\r\n    color: #900;\r\n}\r\n\r\nhr {\r\n    border: 0.25rem solid #bd0000;\r\n    background-color: #f00;\r\n}\r\n\r\nfooter {\r\n    color: #888;\r\n}\r\n<\/pre>\n
\u0646\u06a9\u062a\u0647 \u0645\u0647\u0645 \u062f\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0646\u06af\u060c \u0631\u0639\u0627\u06cc\u062a \u06a9\u0646\u062a\u0631\u0627\u0633\u062a \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u062d\u062a\u0648\u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0646\u0638\u0648\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0646\u0633\u0628\u062a \u06a9\u0646\u062a\u0631\u0627\u0633\u062a \u0645\u062b\u0644 WebAIM Contrast Checker \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n
\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0631\u0645\u062a rgb()<\/h2>\n
\u062f\u0631 \u0631\u0648\u0634 rgb() \u0647\u0631 \u06a9\u0627\u0646\u0627\u0644 \u0631\u0646\u06af (\u0642\u0631\u0645\u0632\u060c \u0633\u0628\u0632\u060c \u0622\u0628\u06cc) \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0639\u062f\u062f\u06cc \u0648 \u0627\u0632 \u06f0 \u062a\u0627 \u06f2\u06f5\u06f5 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u0634\u0648\u062f (\u0645\u062b\u0644\u0627\u064b rgb(255, 0, 0) \u0628\u0631\u0627\u06cc \u0642\u0631\u0645\u0632). \u062a\u0628\u062f\u06cc\u0644 \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644 \u0628\u0647 rgb \u0631\u0627\u062d\u062a \u0627\u0633\u062a \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0622\u0646 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/p>\n
article {\r\n    background-color: rgb(240, 240, 240);\r\n    border: 0.25rem solid rgb(204, 204, 204);\r\n    color: rgb(68, 68, 68);\r\n}\r\n\r\nh1 {\r\n    color: rgb(153, 0, 0);\r\n}\r\n\r\nhr {\r\n    border: 0.25rem solid rgb(189, 0, 0);\r\n    background-color: rgb(255, 0, 0);\r\n}\r\n\r\nfooter {\r\n    color: rgb(136, 136, 136);\r\n}\r\n<\/pre>\n
\u0628\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u062f\u062f \u06a9\u0627\u0646\u0627\u0644 \u0642\u0631\u0645\u0632 (Red) \u062f\u0631 \u062a\u0631\u06a9\u06cc\u0628 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0628\u0627\u0644\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0637\u06cc\u0641 \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc \u0631\u0627 \u0628\u0647 \u0633\u0645\u062a \u06af\u0631\u0645\u200c\u062a\u0631 \u0634\u062f\u0646 \u0628\u0628\u0631\u06cc\u062f:<\/p>\n
article {\r\n    background-color: rgb(245, 240, 240);\r\n    border: 0.25rem solid rgb(209, 204, 204);\r\n    color: rgb(73, 68, 68);\r\n}\r\n\r\nfooter {\r\n    color: rgb(141, 136, 136);\r\n}\r\n<\/pre>\n
\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0631\u0645\u062a hsl()<\/h2>\n
\u062f\u0631 \u0627\u06cc\u0646 \u0634\u06cc\u0648\u0647\u060c \u0631\u0646\u06af \u0628\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u0633\u0647 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u0634\u0648\u062f: Hue (\u0632\u0627\u0648\u06cc\u0647 \u0631\u0646\u06af \u0631\u0648\u06cc \u0686\u0631\u062e\u0647 \u06f0 \u062a\u0627 \u06f3\u06f6\u06f0 \u062f\u0631\u062c\u0647)\u060c Saturation (\u0627\u0634\u0628\u0627\u0639\u060c \u062f\u0631\u0635\u062f\u06cc) \u0648 Lightness (\u0631\u0648\u0634\u0646\u0627\u06cc\u06cc\u060c \u062f\u0631\u0635\u062f\u06cc). \u0645\u062b\u0644\u0627\u064b hsl(0, 100%, 50%)<\/code> \u0642\u0631\u0645\u0632 \u062e\u0627\u0644\u0635 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n
\u0645\u062b\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u06cc\u06a9 \u0637\u06cc\u0641 \u06a9\u0627\u0645\u0644 \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a hue \u0648 saturation \u0631\u0627 \u0635\u0641\u0631 \u0648 \u0641\u0642\u0637 lightness \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n
article {\r\n    background-color: hsl(0, 0%, 94%);\r\n    border: 0.25rem solid hsl(0, 0%, 80%);\r\n    color: hsl(0, 0%, 27%);\r\n}\r\n\r\nfooter {\r\n    color: hsl(0, 0%, 45%);\r\n}\r\n<\/pre>\n
\u0628\u0631\u0627\u06cc \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0645\u06a9\u0645\u0644 \u0648 \u0645\u062a\u0646\u0648\u0639 \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a hue \u0631\u0627 \u062f\u0631 \u062f\u0648 \u0637\u0631\u0641 \u0686\u0631\u062e\u0647 \u0631\u0646\u06af \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644 \u0627\u06af\u0631 hue \u0631\u0627 \u0631\u0648\u06cc 200 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f\u060c \u06cc\u06a9 \u0637\u06cc\u0641 \u0622\u0628\u06cc-\u0633\u0628\u0632 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06af\u0631 \u062f\u0631 heading \u0648 \u062e\u0637 \u0628\u06cc\u0646 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 hue \u0631\u0627 \u0631\u0648\u06cc 20 (\u0645\u06a9\u0645\u0644 200 – \u06cc\u0639\u0646\u06cc \u0646\u0627\u0631\u0646\u062c\u06cc) \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f:<\/p>\n
h1 {\r\n    color: hsl(20, 100%, 25%);\r\n}\r\n\r\nhr {\r\n    border: 0.25rem solid hsl(20, 100%, 35%);\r\n    background-color: hsl(20, 100%, 50%);\r\n}\r\n<\/pre>\n
article {\r\n    background-color: hsl(200, 50%, 94%);\r\n    border: 0.25rem solid hsl(200, 50%, 80%);\r\n    color: hsl(200, 50%, 27%);\r\n}\r\n\r\nfooter {\r\n    color: hsl(200, 100%, 45%);\r\n}\r\n<\/pre>\n
\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<\/h2>\n
\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634\u060c \u0686\u0647\u0627\u0631 \u0631\u0648\u0634 \u062a\u0639\u0631\u06cc\u0641 \u0631\u0646\u06af \u062f\u0631 CSS \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0631\u062f\u06cc\u0645: \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc\u060c \u06a9\u062f\u0647\u0627\u06cc \u0647\u06af\u0632\u0627\u062f\u0633\u06cc\u0645\u0627\u0644\u060c \u0641\u0631\u0645\u062a rgb() \u0648 \u0641\u0631\u0645\u062a hsl(). \u0647\u0631\u06a9\u062f\u0627\u0645 \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627 \u06a9\u0627\u0631\u0628\u0631\u062f \u0648 \u0645\u0632\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u0646\u062f. \u0631\u0648\u0634 hsl \u0628\u0627 \u0627\u0645\u06a9\u0627\u0646 \u06a9\u0646\u062a\u0631\u0644 \u0645\u0633\u062a\u0642\u0644 \u0628\u0631 hue\u060c saturation \u0648 lightness \u0642\u062f\u0631\u062a \u0637\u0631\u0627\u062d\u06cc \u0631\u0646\u06af \u0647\u0645\u0627\u0647\u0646\u06af \u0648 \u0645\u06a9\u0645\u0644 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n
 <\/p>\n
\u0627\u0632 \u0647\u0645\u0631\u0627\u0647\u06cc \u0634\u0645\u0627 \u0628\u0627 \u067e\u0627\u0631\u0645\u06cc\u0646 \u06a9\u0644\u0648\u062f<\/a><\/strong> \u0645\u062a\u0634\u06a9\u0631\u06cc\u0645.<\/p>\n
<\/div>","protected":false},"excerpt":{"rendered":"
\u0631\u0646\u06af \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0627\u0633\u062a. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0646\u06af \u0645\u0646\u0627\u0633\u0628 \u0628\u0647 \u0627\u0646\u062a\u0642\u0627\u0644 \u062d\u0633\u060c \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0628\u0635\u0631\u06cc \u0648 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062d\u062a\u0648\u0627 \u062a\u0648\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631 CSS\u060c \u0686\u0647\u0627\u0631 \u0631\u0648\u0634 \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0631\u0646\u06af \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0647\u0631\u06a9\u062f\u0627\u0645 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f \u062e\u0627\u0635 \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0628\u0627 \u0634\u06cc\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 […]<\/p>\n","protected":false},"author":9,"featured_media":5977,"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":[745,747,748,90,746],"class_list":["post-5973","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-67","category-programming","tag-rgb--hsl--css","tag--css","tag---css","tag-90"],"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\/5973","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=5973"}],"version-history":[{"count":1,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/5973\/revisions"}],"predecessor-version":[{"id":5976,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/5973\/revisions\/5976"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media\/5977"}],"wp:attachment":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media?parent=5973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/categories?post=5973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/tags?post=5973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}