{"id":3666,"date":"2025-08-23T09:34:01","date_gmt":"2025-08-23T09:34:01","guid":{"rendered":"https:\/\/inverseschool.ir\/blog\/?p=3666"},"modified":"2025-08-23T09:34:02","modified_gmt":"2025-08-23T09:34:02","slug":"future-of-color-on-web","status":"publish","type":"post","link":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/","title":{"rendered":"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af!"},"content":{"rendered":"\n<p><strong>\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628<\/strong><\/p>\n\n\n\n<p>\u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u06a9\u0647 \u0627\u06cc\u0646 \u062c\u0645\u0644\u0647 \u0631\u0648 \u0645\u06cc\u200c\u062e\u0648\u0646\u06cc\u062f\u060c \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0648 \u0646\u0645\u0627\u06cc\u0634 \u0631\u0646\u06af \u062f\u0631 \u0641\u0636\u0627\u06cc \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u06cc\u06a9\u06cc \u0627\u0632 \u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062f\u0647\u0647\u200c\u0647\u0627\u06cc \u0627\u062e\u06cc\u0631 \u0634\u062f\u0647. \u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u062f\u06cc\u06af\u0647 \u0645\u062d\u062f\u0648\u062f \u0628\u0647 RGB \u0648 hex \u0646\u06cc\u0633\u062a\u061b \u062d\u0627\u0644\u0627 \u0635\u062d\u0628\u062a \u0627\u0632 \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc \u06af\u0633\u062a\u0631\u062f\u0647\u200c\u062a\u0631\u060c \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0631\u0646\u06af \u0645\u0633\u062a\u0642\u0644 \u0627\u0632 \u062f\u06cc\u0648\u0627\u06cc\u0633\u060c \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u0646\u0645\u0627\u06cc\u06cc \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 \u0631\u0646\u06af\u0647 \u06a9\u0647 \u0642\u0631\u0627\u0631\u0647 \u062f\u0631 \u062a\u0645\u0627\u0645 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0648\u0627\u0631\u062f \u0628\u0627\u0632\u06cc \u0634\u0646.<\/p>\n\n\n\n<p>\u062f\u0631 \u0627\u062f\u0627\u0645\u0647\u060c \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647 \u0627\u06cc\u0646 \u062a\u062d\u0648\u0644\u0627\u062a \u0631\u0648 \u0645\u0631\u0648\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0686\u06cc \u0639\u0648\u0636 \u0634\u062f\u0647\u061f \u0686\u0631\u0627 \u0645\u0647\u0645\u0647\u061f \u0686\u0637\u0648\u0631 \u0642\u0631\u0627\u0631\u0647 \u062a\u062c\u0631\u0628\u0647 \u062f\u06cc\u062f\u0627\u0631\u06cc \u0645\u0627 \u062a\u0648 \u0648\u0628 \u0631\u0648 \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u062f\u0647\u061f<\/p>\n\n\n\n<!--more-->\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u0645\u0633\u06cc\u0631-\u0627\u0632-srgb-\u062a\u0627-\u0622\u06cc\u0646\u062f\u0647\">\u0645\u0633\u06cc\u0631 \u0627\u0632 sRGB \u062a\u0627 \u0622\u06cc\u0646\u062f\u0647<\/h3>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u0628\u06cc\u0634 \u0627\u0632 \u06f2\u06f0 \u0633\u0627\u0644\u060c \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u062a\u0645\u0627\u0645 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u062f\u06cc\u062f\u06cc\u0645\u060c \u0628\u0631 \u067e\u0627\u06cc\u0647\u200c\u06cc \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc sRGB \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u0628\u0648\u062f\u0646. \u0627\u06cc\u0646 \u0641\u0636\u0627 \u0628\u0631\u0627\u06cc \u062f\u0646\u06cc\u0627\u06cc \u0633\u0627\u0644\u200c\u0647\u0627\u06cc \u0627\u0628\u062a\u062f\u0627\u06cc\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u06a9\u0627\u0641\u06cc \u0628\u0648\u062f. \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u0647\u0627 \u0645\u0634\u0627\u0628\u0647 \u0628\u0648\u062f\u0646\u060c \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0633\u0627\u062f\u0647 \u0628\u0648\u062f\u0646 \u0648 \u06a9\u0633\u06cc \u0627\u0646\u062a\u0638\u0627\u0631 \u062f\u0642\u062a \u0631\u0646\u06af \u0686\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u06cc\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u062a\u0635\u0648\u06cc\u0631 HDR \u0631\u0648 \u0627\u0632 \u0648\u0628 \u0646\u062f\u0627\u0634\u062a.<\/p>\n\n\n\n<p>\u0627\u0645\u0627 \u062d\u0627\u0644\u0627 \u0686\u06cc\u061f \u062a\u0648\u06cc \u0633\u0627\u0644 \u06f2\u06f0\u06f2\u06f5\u060c \u0627\u06a9\u062b\u0631 \u062f\u06cc\u0648\u0627\u06cc\u0633\u200c\u0647\u0627 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631\u0647\u0627\u06cc wide gamut \u062f\u0627\u0631\u0646\u060c \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u0645\u0648\u0628\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc OLED \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u0648 \u0637\u0631\u0627\u062d\u200c\u0647\u0627 \u0627\u0646\u062a\u0638\u0627\u0631 \u062f\u0627\u0631\u0646 \u0627\u0648\u0646\u0686\u0647 \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u060c \u0628\u06cc\u200c\u06a9\u0633\u0631 \u0648 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0631\u0646\u06af \u062a\u0648 \u0647\u0645\u0647\u200c\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0628\u0634\u0647.<\/p>\n\n\n\n<p>\u062d\u0627\u0644\u0627 \u0648\u0642\u062a\u0634\u0647 \u06a9\u0647 \u0628\u0647 \u067e\u0631\u0648\u0698\u0647 Color on the Web \u06a9\u0647 \u062a\u0648\u0633\u0637 W3C \u0645\u0637\u0631\u062d \u0645\u06cc\u200c\u0634\u0647 \u0628\u067e\u0631\u062f\u0627\u0632\u06cc\u0645\u061b \u062a\u0644\u0627\u0634\u06cc \u062c\u062f\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0646 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0631\u0646\u06af\u06cc \u0645\u062f\u0631\u0646 \u0628\u0631\u0627\u06cc \u0648\u0628.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u067e\u0631\u0648\u0698\u0647-color-on-the-web-\u062f\u0642\u06cc\u0642\u0627-\u0686\u06cc\u0647\">\u067e\u0631\u0648\u0698\u0647 \u00abColor on the Web\u00bb\u061b \u062f\u0642\u06cc\u0642\u0627 \u0686\u06cc\u0647\u061f<\/h3>\n\n\n\n<p>\u06a9\u0646\u0633\u0631\u0633\u06cc\u0648\u0645 \u062c\u0647\u0627\u0646\u06cc \u0648\u0628 (<a href=\"https:\/\/www.w3.org\/\" rel=\"nofollow\">W3C<\/a>)\u060c \u062a\u062d\u062a \u0639\u0646\u0648\u0627\u0646 \u00abColor on the Web\u00bb\u060c \u0627\u0632 \u0633\u0627\u0644 \u06f2\u06f0\u06f2\u06f2 \u0634\u0631\u0648\u0639 \u0628\u0647 \u0628\u0627\u0632\u062a\u0639\u0631\u06cc\u0641 \u062c\u062f\u06cc \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0631\u0646\u06af \u062f\u0631 CSS \u06a9\u0631\u062f\u0647\u060c \u0627\u0645\u0627 \u062d\u0627\u0644\u0627 \u062f\u0631 \u0645\u06cc\u0627\u0646\u0647\u0654 \u06f2\u06f0\u06f2\u06f5\u060c \u0646\u062a\u0627\u06cc\u062c \u0639\u0645\u0644\u06cc \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0628\u0647 \u0646\u0642\u0637\u0647\u200c\u0627\u06cc \u0631\u0633\u06cc\u062f\u0647 \u06a9\u0647 \u0627\u062b\u0631\u0627\u062a\u0634 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062a\u0648\u06cc \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc\u060c \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u060c \u0648 \u062d\u062a\u06cc \u062a\u062c\u0631\u0628\u0647\u200c\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0646\u0647\u0627\u06cc\u06cc \u062f\u0627\u0631\u0647 \u0622\u0634\u06a9\u0627\u0631 \u0645\u06cc\u200c\u0634\u0647. \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u06cc\u0647 \u0628\u0627\u0632\u0646\u06af\u0631\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0647 \u06a9\u0647 \u0647\u062f\u0641\u0634 \u0631\u0633\u0645\u0627 \u0627\u0631\u062a\u0642\u0627\u0621 \u0632\u0628\u0627\u0646 \u0631\u0646\u06af\u06cc \u0648\u0628 \u0628\u0631\u0627\u06cc \u062f\u0647\u0647 \u067e\u06cc\u0634\u200c\u0631\u0648\u0626\u0647.<\/p>\n\n\n\n<p>\u067e\u0631\u0648\u0698\u0647 Color on the Web \u062a\u0648\u0633\u0637 \u062a\u06cc\u0645 CSS Working Group \u0648 \u0645\u062a\u062e\u0635\u0635\u0627\u0646 \u062a\u0635\u0648\u06cc\u0631\u0628\u0631\u062f\u0627\u0631\u06cc \u0648 \u0631\u0646\u06af W3C \u0645\u062b\u0644 <strong>Chris Lilley<\/strong>\u060c <strong>Lea Verou<\/strong> \u0648 \u062a\u0639\u062f\u0627\u062f\u06cc \u062f\u06cc\u06af\u0647 \u0627\u0632 \u0686\u0647\u0631\u0647\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u0627\u06cc\u0646 \u0641\u06cc\u0644\u062f \u0647\u062f\u0627\u06cc\u062a \u0645\u06cc\u200c\u0634\u0647\u061b \u06a9\u0633\u0627\u0646\u06cc \u06a9\u0647 \u0633\u0627\u0644\u200c\u0647\u0627\u0633\u062a \u0631\u0648\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0633\u0627\u0632\u06cc \u0631\u0646\u06af \u062f\u0631 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u062a\u0635\u0648\u06cc\u0631\u06cc\u060c \u0648\u06cc\u062f\u06cc\u0648 \u0648 \u0686\u0627\u067e \u06a9\u0627\u0631 \u06a9\u0631\u062f\u0646.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a-\u0628\u0632\u0631\u06af-\u062f\u0631-css-\u0627\u0632-color-\u062a\u0627-lch\">\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af \u062f\u0631 CSS: \u0627\u0632 color() \u062a\u0627 lch()<\/h3>\n\n\n\n<p>\u0627\u06af\u0631 \u0628\u0627 CSS \u06a9\u0627\u0631 \u06a9\u0631\u062f\u0647 \u0628\u0627\u0634\u06cc\u0646\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0627 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 <code>#ff6347<\/code> \u06cc\u0627 <code>rgb(255, 99, 71)<\/code> \u0622\u0634\u0646\u0627 \u0647\u0633\u062a\u06cc\u062f. \u0627\u0645\u0627 \u062f\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0646\u0632\u062f\u06cc\u06a9\u060c CSS \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u062a\u0627\u0628\u0639\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u062a\u0631\u06cc \u0645\u062b\u0644 <code>color(display-p3 1 0.5 0.2)<\/code> \u06cc\u0627 <code>lch(52% 75 40)<\/code> \u0631\u0648 \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u0634\u062a.<\/p>\n\n\n\n<p>\u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0686\u06cc\u061f \u06cc\u0639\u0646\u06cc \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0627\u0632 \u0641\u0636\u0627\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u062c\u062f\u06cc\u062f (\u0645\u062b\u0644 Display-P3\u060c Rec. 2020 \u0648 \u062d\u062a\u06cc Lab) \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u062f\u0642\u062a \u0648 \u0628\u0627\u0632\u0647\u200c\u06cc \u0631\u0646\u06af\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 sRGB \u062f\u0627\u0631\u0646. \u0628\u0647\u200c\u062c\u0627\u06cc \u062a\u0631\u06a9\u06cc\u0628 \u0642\u0631\u0645\u0632-\u0633\u0628\u0632-\u0622\u0628\u06cc\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0628\u0627 \u062f\u0631\u06a9 \u0648 \u06a9\u0646\u062a\u0631\u0644 \u062f\u0631\u062e\u0634\u0646\u062f\u06af\u06cc (Lightness)\u060c \u0627\u0634\u0628\u0627\u0639 (Chroma) \u0648 \u0647\u06cc\u0648 (Hue) \u06a9\u0627\u0631 \u06a9\u0646\u06cc\u0645\u061b \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u0648\u0646 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0637\u0631\u0627\u062d\u200c\u0647\u0627\u06cc \u0686\u0627\u067e \u0633\u0627\u0644\u200c\u0647\u0627\u0633\u062a \u0628\u0627\u0647\u0627\u0634 \u0633\u0631\u0648\u06a9\u0627\u0631 \u062f\u0627\u0631\u0646.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u0627\u0645\u0627-\u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627-\u0686\u06cc\">\u0627\u0645\u0627 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0686\u06cc\u061f<\/h3>\n\n\n\n<p>\u06cc\u06a9\u06cc \u0627\u0632 \u062f\u063a\u062f\u063a\u0647\u200c\u0647\u0627 \u0627\u06cc\u0646\u0647 \u06a9\u0647 \u0647\u0645\u0647\u200c\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0647 \u0622\u062e\u0631\u06cc\u0646 \u0646\u0633\u062e\u0647\u200c\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc \u0646\u062f\u0627\u0631\u0646. \u0627\u0645\u0627 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0628\u0647\u200c\u062a\u062f\u0631\u06cc\u062c \u062f\u0627\u0631\u0646 \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627 \u0631\u0648 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646. Safari \u0648 Chrome \u062a\u0627 \u062d\u062f \u0632\u06cc\u0627\u062f\u06cc \u0627\u0632 \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc P3 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646. Firefox \u062f\u0631 \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u0627\u062e\u06cc\u0631 \u062e\u0648\u062f\u0634\u060c \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 lch() \u0648 lab() \u0631\u0648 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0647. \u0627\u06af\u0631 \u0628\u0647 Progressive Enhancement \u0622\u0634\u0646\u0627\u06cc\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f\u060c \u0645\u06cc\u200c\u062f\u0648\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0627 CSS \u0645\u06cc\u0634\u0647 \u0627\u06cc\u0646\u0637\u0648\u0631 \u0631\u0641\u062a\u0627\u0631 \u06a9\u0631\u062f \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u0647\u200c\u062a\u0631\u06cc \u0646\u0634\u0648\u0646 \u0628\u062f\u0646 \u0648 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646.<\/p>\n\n\n\n<p>\u0645\u062b\u0627\u0644:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.my-button {\n  color: rgb(0, 100, 200); \/* fallback *\/\n  color: lch(52% 75 255);\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u0627\u0635\u0644\u0627-\u0627\u06cc\u0646-\u0647\u0645\u0647-\u0627\u0647\u0645\u06cc\u062a-\u0631\u0646\u06af-\u0627\u0632-\u06a9\u062c\u0627-\u0645\u06cc\u0627\u062f\">\u0627\u0635\u0644\u0627 \u0627\u06cc\u0646 \u0647\u0645\u0647 \u0627\u0647\u0645\u06cc\u062a \u0631\u0646\u06af \u0627\u0632 \u06a9\u062c\u0627 \u0645\u06cc\u0627\u062f\u061f<\/h3>\n\n\n\n<p>\u0631\u0646\u06af \u0641\u0642\u0637 \u00ab\u0646\u0645\u0627\u00bb \u0646\u06cc\u0633\u062a. \u0631\u0646\u06af \u06cc\u0647 \u0632\u0628\u0627\u0646 \u0627\u0631\u062a\u0628\u0627\u0637\u06cc\u0647. \u0648\u0642\u062a\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc\u060c \u0628\u0631\u0646\u062f\u06cc\u0646\u06af\u060c \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u06cc\u0627 \u0631\u0648\u0627\u06cc\u062a \u062a\u0635\u0648\u06cc\u0631\u06cc \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u062d\u062a\u06cc \u06f5\u066a \u062a\u0641\u0627\u0648\u062a \u062f\u0631 \u0631\u0646\u06af \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u062d\u0633 \u06a9\u0644\u06cc \u067e\u06cc\u0627\u0645 \u0634\u0645\u0627 \u0631\u0648 \u0639\u0648\u0636 \u06a9\u0646\u0647.<\/p>\n\n\n\n<p>\u062f\u0631 \u0648\u0628\u06cc \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u0632 \u0645\u0627\u0646\u06cc\u062a\u0648\u0631 HDR \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0647\u060c \u06cc\u0627 \u062a\u0648 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0634\u0645\u0627 \u0628\u06cc\u0646 \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634 OLED \u0648 LCD \u062c\u0627\u0628\u0647\u200c\u062c\u0627 \u0645\u06cc\u200c\u0634\u0647\u060c \u0646\u0628\u0627\u06cc\u062f \u062a\u0635\u0648\u06cc\u0631 \u0628\u0631\u0646\u062f \u0634\u0645\u0627 \u0628\u0647 \u062f\u0648 \u0634\u06a9\u0644 \u0645\u062a\u0641\u0627\u0648\u062a \u062f\u06cc\u062f\u0647 \u0628\u0634\u0647. \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0648 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u06a9\u0647 \u0628\u0627\u0644\u0627\u062e\u0631\u0647 \u0628\u0634\u0647 \u0631\u0646\u06af \u0631\u0648 \u062f\u0631 \u0648\u0628 \u0645\u062b\u0644 \u0631\u0646\u06af \u062f\u0631 \u0686\u0627\u067e \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0631\u062f.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_02_34-PM-1024x683.png\" alt=\"\" class=\"wp-image-3668\" srcset=\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_02_34-PM-1024x683.png 1024w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_02_34-PM-300x200.png 300w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_02_34-PM-768x512.png 768w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_02_34-PM-1170x780.png 1170w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_02_34-PM-585x390.png 585w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_02_34-PM-263x175.png 263w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_02_34-PM.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u0622\u06cc\u0646\u062f\u0647-\u0631\u0646\u06af-\u062f\u0631-\u0648\u0628-\u0641\u0642\u0637-\u0628\u0631\u0627\u06cc-\u0637\u0631\u0627\u062d-\u0647\u0627-\u0645\u0647\u0645\u0647\">\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u200c\u0647\u0627 \u0645\u0647\u0645\u0647\u061f<\/h3>\n\n\n\n<p>\u0646\u0647. \u0627\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0631\u0627\u06cc \u0641\u06cc\u0644\u0645\u200c\u0633\u0627\u0632\u0647\u0627\u060c \u062a\u0648\u0644\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0645\u062d\u062a\u0648\u0627\u060c \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af \u0648 \u062d\u062a\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u0647. \u062d\u0627\u0644\u0627 \u0645\u06cc\u0634\u0647 \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627\u06cc\u06cc \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f \u06a9\u0647 \u0631\u0646\u06af \u062f\u0642\u06cc\u0642\u200c\u062a\u0631\u06cc \u062a\u0648 \u0645\u062d\u06cc\u0637 \u0648\u0628 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646. \u0645\u062b\u0644\u0627\u064b \u0648\u0642\u062a\u06cc \u06cc\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u06cc \u062a\u062f\u0648\u06cc\u0646\u200c\u0634\u062f\u0647 \u062f\u0631 \u067e\u0631\u06cc\u0645\u06cc\u0631 \u0631\u0648 \u0628\u0627 \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc Rec. 2020 \u062e\u0631\u0648\u062c\u06cc \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u0646\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0631\u0646\u06af\u200c\u0647\u0627 \u0631\u0648 \u062f\u0631 \u0648\u0628 \u0647\u0645\u0648\u0646\u200c\u0637\u0648\u0631 \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f\u061b \u0628\u062f\u0648\u0646 \u0634\u0633\u062a\u0646\u060c \u0628\u062f\u0648\u0646 oversaturation!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u0686\u0627\u0644\u0634-\u0647\u0627\u06cc-\u067e\u0630\u06cc\u0631\u0634-\u0627\u06cc\u0646-\u0622\u06cc\u0646\u062f\u0647\">\u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u0630\u06cc\u0631\u0634 \u0627\u06cc\u0646 \u0622\u06cc\u0646\u062f\u0647<\/h3>\n\n\n\n<p>\u0645\u062b\u0644 \u0647\u0631 \u062a\u062d\u0648\u0644 \u0641\u0646\u06cc \u062f\u06cc\u06af\u0647\u060c \u067e\u0630\u06cc\u0631\u0634 \u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0647\u0645 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0622\u0645\u0648\u0632\u0634 \u062f\u0627\u0631\u0647. \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0628\u0627\u06cc\u062f \u0628\u0647\u200c\u0631\u0648\u0632 \u0628\u0634\u0646\u060c \u062a\u06cc\u0645\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0628\u0627\u06cc\u062f \u0628\u0627 \u0645\u0641\u0627\u0647\u06cc\u0645 lch \u0648 gamut mapping \u0622\u0634\u0646\u0627 \u0628\u0634\u0646 \u0648 \u0645\u0647\u0645\u200c\u062a\u0631 \u0627\u0632 \u0647\u0645\u0647\u060c \u0637\u0631\u0627\u062d \u0648 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0628\u0627\u06cc\u062f \u0647\u0645\u06a9\u0627\u0631\u06cc \u0639\u0645\u06cc\u0642\u200c\u062a\u0631\u06cc \u0628\u0627 \u0647\u0645 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646. \u062f\u06cc\u06af\u0647 \u0627\u06cc\u0646 \u06a9\u0641\u0627\u06cc\u062a \u0646\u0645\u06cc\u200c\u06a9\u0646\u0647 \u06a9\u0647 \u0641\u0642\u0637 hex \u06a9\u062f \u0631\u0646\u06af \u0628\u062f\u06cc\u0645. \u0628\u0627\u06cc\u062f \u0628\u0641\u0647\u0645\u06cc\u0645 \u0686\u0631\u0627 \u0631\u0646\u06af x\u060c \u062a\u0648 \u0641\u0636\u0627\u06cc y \u0627\u06cc\u0646\u062c\u0648\u0631\u06cc \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-\u0628\u0631\u0627\u06cc-\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc-\u0639\u0645\u06cc\u0642-\u0627\u06cc\u0646-\u0645\u0641\u0627\u0647\u06cc\u0645-\u0627\u0632-\u06a9\u062c\u0627-\u0634\u0631\u0648\u0639-\u06a9\u0646\u06cc\u0645\">\u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0639\u0645\u06cc\u0642 \u0627\u06cc\u0646 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0632 \u06a9\u062c\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u0645\u061f<\/h3>\n\n\n\n<p>\u062f\u0631 \u0645\u062f\u0631\u0633\u0647 \u0627\u06cc\u0646\u0648\u0631\u0633\u060c \u0645\u0627 \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062a\u062f\u0648\u06cc\u0646 \u0648 \u062f\u06cc\u0632\u0627\u06cc\u0646\u0645\u0648\u0646 \u0631\u0648 \u062f\u0642\u06cc\u0642\u0627\u064b \u0628\u0627 \u0647\u0645\u06cc\u0646 \u062f\u063a\u062f\u063a\u0647\u200c\u0647\u0627 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u06a9\u0631\u062f\u06cc\u0645. \u062d\u0627\u0644\u0627 \u062a\u0648 \u0627\u06cc\u0646 \u062f\u0648\u0631\u0647\u200c\u0647\u0627 \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u062a\u06a9\u0646\u06cc\u06a9\u060c \u0641\u0636\u0627\u06cc \u06a9\u0627\u0631 \u0648\u0627\u0642\u0639\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0631\u0646\u06af \u0645\u062f\u0631\u0646 \u0631\u0648 \u0647\u0645 \u062a\u0645\u0631\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u0627\u0632 Color grading \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0634\u0646\u0627\u062e\u062a \u062f\u0642\u06cc\u0642 \u0641\u0636\u0627\u06cc P3 \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc\u060c \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062f\u0631 \u062e\u062f\u0645\u062a \u0633\u0627\u062e\u062a\u0646 \u0622\u06cc\u0646\u062f\u0647\u200c\u0627\u06cc\u0647 \u06a9\u0647 \u062a\u0648\u0634 \u06a9\u0627\u0631 \u0634\u0645\u0627\u060c \u062f\u0631 \u0647\u0631 \u062f\u06cc\u0648\u0627\u06cc\u0633\u06cc \u0647\u0645\u0648\u0646\u200c\u062c\u0648\u0631\u06cc \u062f\u06cc\u062f\u0647 \u0628\u0634\u0647 \u06a9\u0647 \u0645\u062f \u0646\u0638\u0631\u062a\u0648\u0646\u0647.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u0686\u0631\u0627-\u0645\u0648\u0636\u0648\u0639-\u0622\u06cc\u0646\u062f\u0647-\u0631\u0646\u06af-\u062f\u0631-\u0648\u0628-\u062d\u0627\u0644\u0627-\u0645\u0647\u0645-\u0634\u062f\u0647\">\u0686\u0631\u0627 \u0645\u0648\u0636\u0648\u0639 \u00ab\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u00bb \u062d\u0627\u0644\u0627 \u0645\u0647\u0645 \u0634\u062f\u0647\u061f<\/h2>\n\n\n\n<p>\u0648\u0642\u062a\u06cc \u062d\u0631\u0641 \u0627\u0632 \u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0645\u06cc\u200c\u0632\u0646\u06cc\u0645\u060c \u062f\u0627\u0631\u06cc\u0645 \u062f\u0631\u0628\u0627\u0631\u0647 \u062a\u062d\u0648\u0644\u06cc \u0635\u062d\u0628\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u062e\u06cc\u0644\u06cc \u0628\u06cc\u200c\u0633\u0631\u0648\u0635\u062f\u0627 \u0648\u0644\u06cc \u0628\u0646\u06cc\u0627\u062f\u06cc\u0646\u060c \u062f\u0631 \u062d\u0627\u0644 \u0627\u062a\u0641\u0627\u0642 \u0627\u0641\u062a\u0627\u062f\u0646\u0647 \u0648 \u0642\u0631\u0627\u0631\u0647 \u062f\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0646\u0632\u062f\u06cc\u06a9\u060c \u067e\u0631\u0648\u0633\u0647 \u06a9\u0627\u0631 \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0622\u062f\u0645\u200c\u0647\u0627 \u0648 \u062a\u062c\u0631\u0628\u0647 \u062f\u06cc\u062f\u0627\u0631\u06cc \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0627\u0641\u0631\u0627\u062f \u0631\u0648 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u062f\u0647. \u0628\u0631\u0627\u06cc \u0633\u0627\u0644\u200c\u0647\u0627\u060c \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u06cc \u0648\u0628 \u0645\u062d\u062f\u0648\u062f \u0628\u0648\u062f. \u0637\u0631\u0627\u062d\u200c\u0647\u0627 \u0648 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u0647\u0627 \u0645\u062c\u0628\u0648\u0631 \u0628\u0648\u062f\u0646 \u0628\u0647 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u0647\u0627\u06cc sRGB \u0642\u0627\u0628\u0644 \u0646\u0645\u0627\u06cc\u0634 \u0628\u0648\u062f\u0646 \u0628\u0633\u0646\u062f\u0647 \u06a9\u0646\u0646. \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u062f\u0646\u06cc\u0627\u06cc \u0648\u0628 \u062a\u0627 \u062d\u062f \u0632\u06cc\u0627\u062f\u06cc \u062f\u0631 \u06cc\u06a9 \u0645\u062d\u062f\u0648\u062f\u0647 \u0631\u0646\u06af\u06cc \u0628\u0627\u0631\u06cc\u06a9 \u0648 \u0646\u0633\u0628\u062a\u0627\u064b \u0628\u06cc\u200c\u0631\u0645\u0642 \u0645\u06cc\u200c\u0686\u0631\u062e\u06cc\u062f.<\/p>\n\n\n\n<p>\u0627\u0645\u0627 \u062d\u0627\u0644\u0627 \u0628\u0627 \u062d\u0631\u06a9\u062a \u0631\u0648 \u0628\u0647 \u062c\u0644\u0648\u06cc W3C\u060c \u06a9\u0646\u0633\u0631\u0633\u06cc\u0648\u0645\u06cc \u06a9\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0648\u0628 \u0631\u0648 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u0647\u060c \u062f\u0627\u0631\u06cc\u0645 \u0648\u0627\u0631\u062f \u062f\u0648\u0631\u0647\u200c\u0627\u06cc \u0645\u06cc\u200c\u0634\u06cc\u0645 \u06a9\u0647 \u0627\u0645\u06a9\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 gamut\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u0648\u0633\u06cc\u0639\u200c\u062a\u0631 \u0645\u062b\u0644 Display P3 \u0648 \u062d\u062a\u06cc Rec.2020 \u062f\u0631 CSS \u0641\u0631\u0627\u0647\u0645 \u0634\u062f\u0647. \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0628\u0631\u0627\u06cc \u0627\u0648\u0644\u06cc\u0646 \u0628\u0627\u0631\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0646\u0646 \u0647\u0645\u0648\u0646 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc\u06cc \u0631\u0648 \u0646\u0634\u0648\u0646 \u0628\u062f\u0646 \u06a9\u0647 \u067e\u06cc\u0634 \u0627\u0632 \u0627\u06cc\u0646 \u0641\u0642\u0637 \u062a\u0648 \u0633\u06cc\u0646\u0645\u0627 \u06cc\u0627 \u062a\u0648\u06cc \u0641\u0636\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0686\u0627\u067e\u06cc \u06cc\u0627 \u062d\u062a\u06cc \u062a\u0648\u0644\u06cc\u062f \u0645\u062d\u062a\u0648\u0627\u06cc HDR \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u062f\u0646.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-display-p3-\u06cc\u06a9-\u067e\u0631\u0634-\u0628\u0632\u0631\u06af-\u0627\u0632-srgb\">Display-P3\u060c \u06cc\u06a9 \u067e\u0631\u0634 \u0628\u0632\u0631\u06af \u0627\u0632 sRGB<\/h2>\n\n\n\n<p>Display-P3 \u062f\u0631 \u062d\u0627\u0644 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0646 \u0628\u0647 \u06cc\u06a9 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u0647. \u0686\u0631\u0627\u061f \u0686\u0648\u0646 \u0627\u06a9\u062b\u0631 \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f\u060c \u0645\u062b\u0644 \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u0647\u0627\u06cc \u0645\u06a9\u060c \u0622\u06cc\u0641\u0648\u0646\u200c\u0647\u0627\u060c \u0628\u0639\u0636\u06cc \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0627\u0646\u062f\u0631\u0648\u06cc\u062f\u06cc\u060c \u0648 \u062d\u062a\u06cc \u062a\u0644\u0648\u06cc\u0632\u06cc\u0648\u0646\u200c\u0647\u0627\u060c \u0627\u0632 \u0627\u06cc\u0646 \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646. \u0627\u06cc\u0646 \u0641\u0636\u0627 \u0646\u0647\u200c\u062a\u0646\u0647\u0627 \u062f\u0627\u0645\u0646\u0647 \u0631\u0646\u06af \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0647\u060c \u0628\u0644\u06a9\u0647 \u0627\u0645\u06a9\u0627\u0646 \u0646\u0645\u0627\u06cc\u0634 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0631\u0648\u0634\u0646\u200c\u062a\u0631 \u0648 \u0632\u0646\u062f\u0647\u200c\u062a\u0631\u06cc \u0631\u0648 \u0647\u0645 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0647.<\/p>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a \u062f\u0631 CSS\u060c \u062d\u0627\u0644\u0627 \u062f\u06cc\u06af\u0647 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 \u0627\u06cc\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>color: color(display-p3 1 0.5 0);<\/code><\/pre>\n\n\n\n<p>\u0646\u06a9\u062a\u0647 \u0627\u06cc\u0646\u0647 \u06a9\u0647 \u0627\u06af\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0634\u0645\u0627 \u0627\u0632 \u0635\u0641\u062d\u0647\u200c\u0646\u0645\u0627\u06cc\u0634\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0647 \u06a9\u0647 \u0627\u0632 Display-P3 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u0647\u060c \u0645\u0631\u0648\u0631\u06af\u0631\u0634 \u0628\u0647\u200c\u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0627\u0648\u0646 \u0631\u0646\u06af \u0631\u0648 \u0628\u0647 sRGB \u0646\u06af\u0627\u0634\u062a \u0645\u06cc\u200c\u06a9\u0646\u0647. \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062a\u062c\u0631\u0628\u0647 \u0631\u0646\u06af \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0642\u0627\u0628\u0644\u200c\u0642\u0628\u0648\u0644\u0647\u060c \u0648\u0644\u06cc \u0628\u0631\u0627\u06cc \u06a9\u0633\u0627\u0646\u06cc \u06a9\u0647 \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0628\u0647\u200c\u0631\u0648\u0632\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u060c \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0686\u0634\u0645\u200c\u0646\u0648\u0627\u0632\u062a\u0631 \u0647\u0645 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u0634\u0647.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_31_58-PM-1024x683.png\" alt=\"\" class=\"wp-image-3669\" srcset=\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_31_58-PM-1024x683.png 1024w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_31_58-PM-300x200.png 300w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_31_58-PM-768x512.png 768w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_31_58-PM-1170x780.png 1170w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_31_58-PM-585x390.png 585w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_31_58-PM-263x175.png 263w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_31_58-PM.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u062d\u0627\u0644\u0627-\u0686\u0631\u0627-\u062f\u06cc\u06af\u0647-\u0628\u0647-srgb-\u0642\u0627\u0646\u0639-\u0646\u06cc\u0633\u062a\u06cc\u0645\">\u062d\u0627\u0644\u0627 \u0686\u0631\u0627 \u062f\u06cc\u06af\u0647 \u0628\u0647 sRGB \u0642\u0627\u0646\u0639 \u0646\u06cc\u0633\u062a\u06cc\u0645\u061f<\/h2>\n\n\n\n<p>sRGB \u0632\u0645\u0627\u0646\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0628\u0648\u062f \u06a9\u0647 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631\u0647\u0627 \u062e\u06cc\u0644\u06cc \u0645\u062d\u062f\u0648\u062f\u062a\u0631 \u0627\u0632 \u0627\u0644\u0627\u0646 \u0628\u0648\u062f\u0646. \u0627\u0645\u0627 \u062d\u0627\u0644\u0627 \u062a\u0648\u06cc \u062f\u0646\u06cc\u0627\u06cc\u06cc \u0632\u0646\u062f\u06af\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0647\u0645 \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u0647\u0627 \u067e\u06cc\u0634\u0631\u0641\u062a \u06a9\u0631\u062f\u0646\u060c \u0647\u0645 \u0686\u0634\u0645 \u0645\u062e\u0627\u0637\u0628 \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0635\u0631\u06cc \u0628\u0627\u0644\u0627\u062a\u0631 \u0639\u0627\u062f\u062a \u06a9\u0631\u062f\u0647. \u0627\u06af\u0647 \u0647\u0646\u0648\u0632 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u062a\u0648\u0646 \u0628\u0631 \u067e\u0627\u06cc\u0647 sRGB \u0628\u0627\u0634\u0647\u060c \u062f\u0627\u0631\u06cc\u062f \u0639\u0645\u0644\u0627\u064b \u0628\u062e\u0634\u06cc \u0627\u0632 \u0638\u0631\u0641\u06cc\u062a \u0631\u0646\u06af\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0631\u0648 \u0646\u0627\u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f.<\/p>\n\n\n\n<p>\u0637\u0628\u0642 \u0628\u0631\u0631\u0633\u06cc\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u062e\u06cc\u0631\u0627\u064b \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647\u060c \u0646\u0632\u062f\u06cc\u06a9 \u0628\u0647 \u06f8\u06f0\u066a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 macOS \u0648 \u0628\u06cc\u0634 \u0627\u0632 \u06f6\u06f0\u066a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0627\u0646\u062f\u0631\u0648\u06cc\u062f\u06cc \u062f\u0631 \u0633\u0627\u0644 \u06f2\u06f0\u06f2\u06f5 \u0628\u0647 \u0646\u0645\u0627\u06cc\u0634\u06af\u0631\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u0645\u0627\u06cc\u0634 \u06af\u0633\u062a\u0631\u0647 \u0631\u0646\u06af\u06cc \u0648\u0633\u06cc\u0639 (wide gamut) \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0631\u0646. \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0637\u0631\u0627\u062d\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0632 gamut \u0648\u0633\u06cc\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u060c \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0628\u0631\u0627\u06cc \u0627\u06a9\u062b\u0631\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\u0647\u0627\u060c \u062e\u0631\u0648\u062c\u06cc \u0686\u0634\u0645\u06af\u06cc\u0631\u062a\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0646.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u0686\u0647-\u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc-\u062f\u0627\u0631\u0647-\u062f\u0631-css-\u062a\u063a\u06cc\u06cc\u0631-\u0645\u06cc-\u06a9\u0646\u0647\">\u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u062f\u0627\u0631\u0647 \u062f\u0631 CSS \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0647\u061f<\/h2>\n\n\n\n<p>W3C \u062d\u0627\u0644\u0627 \u062f\u0631 \u062d\u0627\u0644 \u062a\u062b\u0628\u06cc\u062a \u0686\u0646\u062f \u0642\u0627\u0628\u0644\u06cc\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u062f\u0631 \u0648\u0628\u0647:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0636\u0627\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u0645\u062b\u0644 <code>display-p3<\/code>, <code>a98-rgb<\/code>, <code>rec2020<\/code>, <code>lab<\/code>, <code>oklab<\/code>, <code>lch<\/code>, <code>oklch<\/code><\/li>\n\n\n\n<li>\u0627\u0645\u06a9\u0627\u0646 \u062a\u0639\u06cc\u06cc\u0646 \u00ab\u0634\u0641\u0627\u0641\u06cc\u062a\u00bb \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0645\u0633\u062a\u0642\u06cc\u0645 \u062f\u0631 \u0647\u0631 \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc\u060c \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 <code>rgba()<\/code><\/li>\n\n\n\n<li>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0642\u200c\u0634\u062f\u0647 \u0648 \u0627\u0646\u062a\u0642\u0627\u0644\u200c\u06cc\u0627\u0641\u062a\u0647 (\u0645\u0627\u0646\u0646\u062f lightness adjustment \u06cc\u0627 saturation adjustment)<\/li>\n\n\n\n<li>\u0627\u0645\u06a9\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06af\u0650\u0631\u0650\u06cc\u062f\u06cc\u0646\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0641\u0636\u0627\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u062f\u0642\u06cc\u0642\u200c\u062a\u0631<\/li>\n<\/ul>\n\n\n\n<p>\u062f\u0631 CSS Level 4 Color Module\u060c \u062d\u0627\u0644\u0627 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0686\u06cc\u0632\u06cc \u0645\u062b\u0644 \u0627\u06cc\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>background: linear-gradient(to right, color(display-p3 1 0 0), color(display-p3 0 0 1));<\/code><\/pre>\n\n\n\n<p>\u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u06cc\u06a9 \u06af\u0631\u06cc\u062f\u06cc\u0646\u062a \u0642\u0631\u0645\u0632-\u0622\u0628\u06cc \u06a9\u0647 \u0628\u0627 \u062a\u0645\u0627\u0645 \u0642\u062f\u0631\u062a \u0631\u0646\u06af\u06cc \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647. \u0646\u0647 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0645\u0627\u062a \u0648 \u0645\u0639\u0645\u0648\u0644\u06cc\u060c \u0628\u0644\u06a9\u0647 \u0647\u0645\u0648\u0646 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0637\u0631\u0627\u062d\u200c\u0647\u0627 \u0648\u0627\u0642\u0639\u0627\u064b \u062a\u0648 \u0641\u0627\u06cc\u0644 \u0641\u062a\u0648\u0634\u0627\u067e \u06cc\u0627 \u0641\u06cc\u06af\u0645\u0627\u0634\u0648\u0646 \u0645\u06cc\u200c\u0628\u06cc\u0646\u0646.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u0631\u0627\u0628\u0637\u0647-\u0627\u06cc\u0646-\u062a\u063a\u06cc\u06cc\u0631\u0627\u062a-\u0628\u0627-\u062a\u062c\u0631\u0628\u0647-\u06a9\u0627\u0631\u0628\u0631\u06cc\">\u0631\u0627\u0628\u0637\u0647 \u0627\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/h2>\n\n\n\n<p>\u0627\u06af\u0631 \u062a\u062c\u0631\u0628\u0647\u200c\u06cc \u062f\u06cc\u062f\u0646 \u0641\u06cc\u0644\u0645 HDR \u0631\u0648\u06cc \u0646\u0645\u0627\u06cc\u0634\u06af\u0631 OLED \u0631\u0648 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0646\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0645\u06cc\u200c\u062f\u0648\u0646\u06cc\u0646 \u06a9\u0647 \u062a\u0641\u0627\u0648\u062a \u06a9\u06cc\u0641\u06cc\u062a \u0631\u0646\u06af \u062a\u0627 \u0686\u0647 \u062d\u062f \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u062a\u062c\u0631\u0628\u0647 \u0631\u0648 \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648 \u0628\u0647 \u0627\u0648\u0646 \u0631\u0648 \u06a9\u0646\u0647. \u062d\u0627\u0644\u0627 \u062a\u0635\u0648\u0631 \u06a9\u0646\u06cc\u0646 \u0648\u0642\u062a\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648\u0627\u0631\u062f \u0633\u0627\u06cc\u062a \u06cc\u0627 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0634\u0645\u0627 \u0645\u06cc\u200c\u0634\u0646\u060c \u0627\u0648\u0646 \u0645\u06cc\u0632\u0627\u0646 \u0627\u0632 \u062f\u0642\u062a \u0631\u0646\u06af \u0648 \u0634\u0641\u0627\u0641\u06cc\u062a \u0631\u0648 \u0628\u0628\u06cc\u0646\u0646.<\/p>\n\n\n\n<p>\u0627\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a \u06a9\u06cc\u0641\u06cc\u062a \u06cc\u0639\u0646\u06cc \u062a\u0639\u0627\u0645\u0644 \u0628\u06cc\u0634\u062a\u0631\u060c \u0627\u0639\u062a\u0645\u0627\u062f \u0628\u06cc\u0634\u062a\u0631 \u0648 \u062d\u062a\u06cc \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644 \u0628\u0627\u0644\u0627\u062a\u0631 \u0628\u0631\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646 \u06cc\u0627 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644. \u0645\u062e\u0635\u0648\u0635\u0627\u064b \u0628\u0631\u0627\u06cc \u06a9\u0633\u0627\u0646\u06cc \u06a9\u0647 \u062f\u0631 \u062d\u0648\u0632\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc\u060c \u0645\u064f\u062f\u060c \u0647\u0646\u0631\u06cc \u06cc\u0627 \u0641\u0631\u0648\u0634 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u06cc \u0628\u0627 \u0647\u0648\u06cc\u062a \u0628\u0635\u0631\u06cc \u0642\u0648\u06cc \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u060c \u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u06cc\u0647 \u0641\u0631\u0635\u062a \u0631\u0627\u0647\u0628\u0631\u062f\u06cc\u0647.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc-\u0637\u0631\u0627\u062d\u06cc-\u0686\u0637\u0648\u0631-\u062f\u0627\u0631\u0646-\u062a\u0637\u0628\u06cc\u0642-\u067e\u06cc\u062f\u0627-\u0645\u06cc-\u06a9\u0646\u0646\">\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0686\u0637\u0648\u0631 \u062f\u0627\u0631\u0646 \u062a\u0637\u0628\u06cc\u0642 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u0646\u061f<\/h2>\n\n\n\n<p>\u0641\u062a\u0648\u0634\u0627\u067e\u060c \u0641\u06cc\u06af\u0645\u0627 \u0648 \u062d\u062a\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 Safari \u0648 Chrome\u060c \u062f\u0627\u0631\u0646 \u062e\u0648\u062f\u0634\u0648\u0646 \u0631\u0648 \u0628\u0627 \u0627\u06cc\u0646 \u0645\u0648\u062c \u062a\u063a\u06cc\u06cc\u0631 \u0647\u0645\u06af\u0627\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646. \u062d\u0627\u0644\u0627 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc\u06cc \u0631\u0648 \u06a9\u0647 \u0628\u0627 \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc Display-P3 \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u06cc\u0646\u060c \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627 \u0647\u0645\u0648\u0646 \u06a9\u06cc\u0641\u06cc\u062a \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u06cc\u06a9 \u06af\u0627\u0645 \u0645\u0647\u0645 \u0628\u0631\u0627\u06cc \u0647\u0645\u0633\u0627\u0646\u200c\u0633\u0627\u0632\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0641\u0631\u0627\u0646\u062a\u200c\u0627\u0646\u062f \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u200c\u0634\u0647.<\/p>\n\n\n\n<p>\u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 DaVinci Resolve \u0648 Premiere Pro \u0647\u0645 \u0627\u0632 \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627 \u0628\u0647\u0631\u0647\u200c\u0645\u0646\u062f \u0634\u062f\u0646\u060c \u0686\u0648\u0646 \u062d\u0627\u0644\u0627 \u0627\u0646\u062a\u0634\u0627\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc HDR \u062f\u0631 \u0648\u0628 \u0647\u0645 \u062f\u0627\u0631\u0647 \u0628\u0647 \u0648\u0627\u0642\u0639\u06cc\u062a \u0646\u0632\u062f\u06cc\u06a9 \u0645\u06cc\u200c\u0634\u0647. \u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u062f\u06cc\u06af\u0647 \u0641\u0642\u0637 \u062f\u0631\u0628\u0627\u0631\u0647 \u067e\u0627\u0644\u062a\u200c\u0647\u0627\u06cc \u062a\u062e\u062a CSS \u0646\u06cc\u0633\u062a\u061b \u067e\u0627\u06cc \u067e\u0633\u062a\u200c\u067e\u0631\u0627\u06a9\u0634\u0646\u060c \u0641\u06cc\u0644\u0645\u200c\u0633\u0627\u0632\u06cc\u060c \u0648 \u062d\u062a\u06cc \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0647\u0645 \u0648\u0633\u0637\u0647.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0631\u0646\u06af \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 (CSS)<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u0642\u0627\u0628\u0644\u06cc\u062a \u06a9\u0644\u06cc\u062f\u06cc<\/th><th>Chrome<\/th><th>Edge<\/th><th>Safari<\/th><th>Firefox<\/th><th>\u0646\u06a9\u062a\u0647\u0654 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc<\/th><\/tr><\/thead><tbody><tr><td>\u062a\u0648\u0627\u0628\u0639 <strong>LAB\/LCH\/OKLAB\/OKLCH<\/strong> (<code>lab()<\/code>\/<code>lch()<\/code>\/<code>oklab()<\/code>\/<code>oklch()<\/code>)<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u0628\u0631\u0627\u06cc \u062a\u0637\u0627\u0628\u0642 \u0627\u062f\u0631\u0627\u06a9\u06cc \u0631\u0646\u06af\u200c\u0647\u0627 \u0648 \u0646\u06af\u0647\u200c\u062f\u0627\u0634\u062a\u0646 \u00ab\u0647\u06cc\u0648\u00bb \u062f\u0631 \u0631\u0648\u0634\u0646\u0627\u06cc\u06cc\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0639\u0627\u0644\u06cc\u200c\u0627\u0646. <\/td><\/tr><tr><td>\u062a\u0627\u0628\u0639 <strong><code>color()<\/code><\/strong> (\u062a\u0639\u0631\u06cc\u0641 \u0631\u0646\u06af \u062f\u0631 \u0641\u0636\u0627\u06cc \u062f\u0644\u062e\u0648\u0627\u0647)<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u0648\u0631\u0648\u062f\u06cc\u0650 \u0627\u0635\u0644\u06cc \u0628\u0631\u0627\u06cc \u0631\u0646\u06af\u200c\u0647\u0627\u06cc wide-gamut \u0645\u062b\u0644 Display-P3 \u0648 Rec.2020. <\/td><\/tr><tr><td><strong><code>color-mix()<\/code><\/strong> (\u0645\u06cc\u06a9\u0633 \u0631\u0646\u06af \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f CSS)<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u062a\u0631\u06a9\u06cc\u0628 \u062f\u0642\u06cc\u0642 \u0631\u0646\u06af\u200c\u0647\u0627 \u0628\u062f\u0648\u0646 \u0647\u06a9\u200c\u0647\u0627\u06cc Sass\/Calc\u061b \u0628\u0631\u0627\u06cc \u062a\u0645\u200c\u0633\u0627\u0632\u06cc\/\u062a\u0627\u0631\u06a9\u200c\u0645\u0648\u062f \u062e\u06cc\u0644\u06cc \u0628\u0647\u200c\u062f\u0631\u062f\u0628\u062e\u0648\u0631\u0647. <\/td><\/tr><tr><td><strong>wide-gamut \u0628\u0627 <code>color(display-p3 \u2026)<\/code><\/strong><\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u2705<\/td><td>\u26a0\ufe0f<\/td><td>\u062f\u0631 <strong>Chrome\/Edge<\/strong> \u0648 <strong>Safari<\/strong> \u067e\u0627\u06cc\u062f\u0627\u0631\u061b \u062f\u0631 <strong>Firefox<\/strong> \u067e\u06cc\u0634\u0631\u0641\u062a\u200c \u062f\u0631 \u062c\u0631\u06cc\u0627\u0646\/\u0628\u062e\u0634\u06cc \u067e\u0634\u062a\u200c\u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc. \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0647\u0648\u06cc\u062a \u0631\u0646\u06af P3 \u062d\u06cc\u0627\u062a\u06cc.<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u062c\u062f\u0648\u0644 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627<\/figcaption><\/figure>\n\n\n\n<p><strong>\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062e\u0648\u0627\u0646\u0634 \u062c\u062f\u0648\u0644<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 \u06cc\u0639\u0646\u06cc \u00ab\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u062f\u0631 \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u0641\u0639\u0644\u06cc\u00bb.<\/li>\n\n\n\n<li>\u26a0\ufe0f \u06cc\u0639\u0646\u06cc \u00ab\u062c\u0632\u0626\u06cc\/\u067e\u0634\u062a \u0641\u0644\u06af\/\u062f\u0631 \u062d\u0627\u0644 \u062a\u06a9\u0645\u06cc\u0644\u00bb (\u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u062c\u06a9\u062a\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0633\u060c \u0642\u0628\u0644 \u0627\u0632 \u0644\u0627\u0646\u0686 \u0631\u0648\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\/\u0645\u0631\u0648\u0631\u06af\u0631 \u0647\u062f\u0641 \u062a\u0633\u062a \u06a9\u0646\u06cc\u062f).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u0631\u0646\u06af-\u0642\u0627\u0628\u0644-\u0641\u0647\u0645-\u062a\u0631-\u0627\u0632-\u0647\u0645\u06cc\u0634\u0647-\u062d\u062a\u06cc-\u0628\u0631\u0627\u06cc-\u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\">\u0631\u0646\u06af\u060c \u0642\u0627\u0628\u0644\u200c\u0641\u0647\u0645\u200c\u062a\u0631 \u0627\u0632 \u0647\u0645\u06cc\u0634\u0647 (\u062d\u062a\u06cc \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627)<\/h2>\n\n\n\n<p>\u06cc\u06a9\u06cc \u0627\u0632 \u062a\u062d\u0648\u0644\u0627\u062a \u0645\u0647\u0645\u06cc \u06a9\u0647 \u062a\u0648\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f CSS \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647\u060c \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u0645\u062b\u0644 <code>lab<\/code> \u0648 <code>lch<\/code> -\u0647. \u0634\u0627\u06cc\u062f \u0627\u06cc\u0646 \u0648\u0627\u0698\u0647\u200c\u0647\u0627 \u062f\u0631 \u0646\u06af\u0627\u0647 \u0627\u0648\u0644 \u06a9\u0645\u06cc \u0646\u0627\u0622\u0634\u0646\u0627 \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u0646\u060c \u0627\u0645\u0627 \u062f\u0631 \u0648\u0627\u0642\u0639 \u0627\u06cc\u0646\u0627 \u0647\u0645\u0648\u0646 \u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc\u200c\u0627\u0646 \u06a9\u0647 \u0628\u0647\u200c\u0634\u06a9\u0644 \u0627\u0646\u0633\u0627\u0646\u06cc\u200c\u062a\u0631\u06cc \u062f\u0631\u06a9 \u0645\u06cc\u200c\u0634\u0646. \u06cc\u0639\u0646\u06cc \u0641\u0627\u0635\u0644\u0647 \u0628\u06cc\u0646 \u062f\u0648 \u0631\u0646\u06af \u062a\u0648\u06cc \u0627\u06cc\u0646 \u0645\u062f\u0644\u200c\u0647\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0686\u0634\u0645 \u0645\u0627 \u0648\u0627\u0642\u0639\u0627\u064b \u062d\u0633 \u0645\u06cc\u200c\u06a9\u0646\u0647 \u0647\u0645\u062e\u0648\u0646\u06cc \u062f\u0627\u0631\u0647.<\/p>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u062f\u0631 \u0641\u0636\u0627\u06cc <code>sRGB<\/code>\u060c \u062a\u063a\u06cc\u06cc\u0631 \u06f1\u06f0 \u0648\u0627\u062d\u062f\u06cc \u062f\u0631 \u0642\u0631\u0645\u0632 \u0645\u0645\u06a9\u0646\u0647 \u062a\u0641\u0627\u0648\u062a \u0632\u06cc\u0627\u062f\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0647 \u0648\u0644\u06cc \u062f\u0631 \u0622\u0628\u06cc\u060c \u0634\u0627\u06cc\u062f \u0627\u0635\u0644\u0627\u064b \u062a\u063a\u06cc\u06cc\u0631\u06cc \u062d\u0633 \u0646\u0634\u0647. \u0627\u0645\u0627 \u062a\u0648\u06cc \u0645\u062f\u0644\u200c\u0647\u0627\u06cc <code>lch<\/code>\u060c \u0627\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a\u200c\u0647\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062f\u0631\u06a9 \u0627\u0646\u0633\u0627\u0646\u06cc \u0627\u0632 \u0646\u0648\u0631\u060c \u062e\u0644\u0648\u0635 \u0648 \u062a\u0647\u200c\u0645\u0627\u06cc\u0647 \u0631\u0646\u06af (hue) \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u0634\u0646. \u06cc\u0639\u0646\u06cc \u062a\u0648\u06cc \u0637\u0631\u0627\u062d\u06cc UI \u06cc\u0627 \u0647\u0648\u06cc\u062a \u0628\u0635\u0631\u06cc\u060c \u0631\u0646\u06af\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u0648\u0646 \u062d\u0633 \u0631\u0648 \u0645\u0646\u062a\u0642\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u06a9\u0647 \u0645\u062f\u0646\u0638\u0631\u0645\u0648\u0646 \u0628\u0648\u062f\u0647.<\/p>\n\n\n\n<p>\u0627\u0632 \u0627\u0648\u0646 \u0645\u0647\u0645\u200c\u062a\u0631\u061f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u062f\u0644\u200c\u0647\u0627 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0647 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u062f\u06cc\u06af\u0647 \u062a\u0648\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u06a9\u062f\u0631 \u06cc\u0627 \u063a\u06cc\u0631\u0648\u0627\u0642\u0639\u06cc \u0628\u0646\u0638\u0631 \u0646\u06cc\u0627\u0646. \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0637\u0631\u0627\u062d \u06a9\u0646\u062a\u0631\u0644 \u062f\u0642\u06cc\u0642\u200c\u062a\u0631\u06cc \u0631\u0648\u06cc \u062f\u0645\u0627\u060c \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u0645\u0633\u06cc\u0631 \u0627\u0646\u062a\u0642\u0627\u0644 \u0631\u0646\u06af \u062f\u0627\u0631\u0647\u061b \u0647\u0645\u0648\u0646 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0637\u0631\u0627\u062d\u06cc \u062e\u0648\u0628 \u0631\u0648 \u0627\u0632 \u0637\u0631\u0627\u062d\u06cc \u062f\u0645\u200c\u062f\u0633\u062a\u06cc \u062c\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u0647.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u062f\u0633\u062a\u0631\u0633\u06cc-\u067e\u0630\u06cc\u0631\u06cc-accessibility-\u062d\u0627\u0644\u0627-\u0627\u0632-\u0631\u0646\u06af-\u062c\u062f\u0627-\u0646\u06cc\u0633\u062a\">\u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc (Accessibility) \u062d\u0627\u0644\u0627 \u0627\u0632 \u0631\u0646\u06af \u062c\u062f\u0627 \u0646\u06cc\u0633\u062a<\/h2>\n\n\n\n<p>\u0634\u0627\u06cc\u062f \u062a\u0627 \u0647\u0645\u06cc\u0646 \u0686\u0646\u062f \u0648\u0642\u062a \u067e\u06cc\u0634\u060c \u0648\u0642\u062a\u06cc \u0627\u0632 \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u062a\u0648\u06cc \u0648\u0628 \u062d\u0631\u0641 \u0645\u06cc\u200c\u0632\u062f\u06cc\u0645\u060c \u0630\u0647\u0646\u0645\u0648\u0646 \u0645\u06cc\u200c\u0631\u0641\u062a \u0633\u0645\u062a \u06a9\u0646\u062a\u0631\u0627\u0633\u062a \u0628\u0627\u0644\u0627 \u06cc\u0627 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u062a\u0646. \u0648\u0644\u06cc \u062d\u0627\u0644\u0627\u060c \u0628\u0627 \u0627\u06cc\u0646 \u06af\u0633\u062a\u0631\u0647 \u0631\u0646\u06af\u06cc \u062c\u062f\u06cc\u062f\u060c \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0647\u0645 \u062f\u0627\u0631\u0647 \u0639\u0645\u0642 \u0628\u06cc\u0634\u062a\u0631\u06cc \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u0647. \u0645\u062b\u0644\u0627\u064b \u062a\u0648\u06cc \u0645\u062f\u0644 <code>oklch<\/code>\u060c \u0637\u0631\u0627\u062d \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u0628\u062f\u0648\u0646 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u0646 \u062a\u0647\u200c\u0645\u0627\u06cc\u0647 \u0631\u0646\u06af (\u0645\u062b\u0644\u0627\u064b \u0633\u0628\u0632 \u0628\u0648\u062f\u0646 \u06cc\u0627 \u0646\u0627\u0631\u0646\u062c\u06cc \u0628\u0648\u062f\u0646)\u060c \u0631\u0648\u0634\u0646\u0627\u06cc\u06cc \u0631\u0648 \u0632\u06cc\u0627\u062f \u06a9\u0646\u0647 \u062a\u0627 \u0628\u0631\u0627\u06cc \u0627\u0641\u0631\u0627\u062f\u06cc \u0628\u0627 \u0628\u06cc\u0646\u0627\u06cc\u06cc \u0636\u0639\u06cc\u0641\u200c\u062a\u0631 \u0647\u0645 \u0642\u0627\u0628\u0644\u200c\u062e\u0648\u0646\u062f\u0646 \u0628\u0645\u0648\u0646\u0647.<\/p>\n\n\n\n<p>\u062a\u0648\u06cc \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 Chrome DevTools \u0647\u0645 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a\u06cc \u0627\u0636\u0627\u0641\u0647 \u0634\u062f\u0647 \u06a9\u0647 \u0646\u0634\u0648\u0646 \u0645\u06cc\u200c\u062f\u0647 \u0631\u0646\u06af \u0627\u0646\u062a\u062e\u0627\u0628\u06cc\u062a\u0648\u0646 \u0627\u0632 \u0646\u0638\u0631 \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u062f\u0631 \u0686\u0647 \u0633\u0637\u062d\u06cc\u0647. \u0627\u06af\u0647 \u0627\u0632 \u06af\u0633\u062a\u0631\u0647 \u0631\u0646\u06af\u06cc \u0648\u0633\u06cc\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc \u0647\u0645 \u062a\u062c\u0631\u0628\u0647 \u063a\u0646\u06cc\u200c\u062a\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u0628\u062f\u06cc\u062f\u060c \u0647\u0645 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0641\u0631\u0627\u06af\u06cc\u0631\u062a\u0631.<\/p>\n\n\n\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f: <a href=\"https:\/\/inverseschool.ir\/blog\/article\/branded-templates-in-figma\/\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062a\u0645\u067e\u0644\u06cc\u062a\u200c\u0633\u0627\u0632\u06cc \u062f\u0631 \u0641\u06cc\u06af\u0645\u0627\u060c \u0628\u0631\u0627\u06cc \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u06cc\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646\u0631\u0647\u0627 \u0648 \u0633\u0627\u06cc\u0631 \u062a\u06cc\u0645\u200c\u0647\u0627<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u06cc\u0647-\u0646\u06a9\u062a\u0647-\u0628\u0631\u0627\u06cc-\u0637\u0631\u0627\u062d\u0627\u0646-\u06af\u0631\u0627\u0641\u06cc\u06a9-\u0648-\u0645\u0648\u0634\u0646-\u062f\u06cc\u0632\u0627\u06cc\u0646\u0631\u0647\u0627\">\u06cc\u0647 \u0646\u06a9\u062a\u0647 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0648 \u0645\u0648\u0634\u0646 \u062f\u06cc\u0632\u0627\u06cc\u0646\u0631\u0647\u0627<\/h2>\n\n\n\n<p>\u0627\u06af\u0647 \u062a\u0648\u06cc \u06a9\u0627\u0631 \u06af\u0631\u0627\u0641\u06cc\u06a9\u060c \u0648\u06cc\u062f\u06cc\u0648\u060c \u06cc\u0627 \u0633\u0627\u062e\u062a \u0645\u0648\u0634\u0646 \u0647\u0633\u062a\u06cc\u062f\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0645\u06cc\u200c\u062f\u0648\u0646\u06cc \u06a9\u0647 \u0647\u0645\u06cc\u0634\u0647 \u06cc\u0647 \u0634\u06a9\u0627\u0641 \u0628\u06cc\u0646 \u0637\u0631\u0627\u062d\u06cc \u0631\u0648\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 Photoshop \u06cc\u0627 After Effects \u0628\u0627 \u062a\u062c\u0631\u0628\u0647 \u0646\u0647\u0627\u06cc\u06cc \u0631\u0648\u06cc \u0648\u0628 \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647. \u0631\u0646\u06af\u200c\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0639\u062f \u0627\u0632 \u0631\u0646\u062f\u0631 \u06cc\u0627 \u0622\u067e\u0644\u0648\u062f\u060c \u06a9\u062f\u0631 \u0648 \u0645\u0631\u062f\u0647 \u0645\u06cc\u200c\u0634\u0646\u060c \u0686\u0648\u0646 \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc \u06af\u0633\u062a\u0631\u062f\u0647\u200c\u0627\u06cc \u06a9\u0647 \u062a\u0648\u06cc \u067e\u0631\u0648\u0698\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u06cc\u062f\u060c \u062a\u0648\u06cc \u0648\u0628 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u0634\u062f\u0647.<\/p>\n\n\n\n<p>\u0627\u0645\u0627 \u062d\u0627\u0644\u0627 \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u06a9\u0645\u200c\u06a9\u0645 \u062f\u0627\u0631\u0646 \u0628\u0627 \u0641\u0636\u0627\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 Display-P3 \u0633\u0627\u0632\u06af\u0627\u0631 \u0645\u06cc\u200c\u0634\u0646\u060c \u0627\u06cc\u0646 \u0634\u06a9\u0627\u0641 \u062f\u0627\u0631\u0647 \u067e\u0631 \u0645\u06cc\u200c\u0634\u0647. \u06cc\u0639\u0646\u06cc \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0631\u0648\u06cc \u0645\u0627\u0646\u06cc\u062a\u0648\u0631\u062a\u0648\u0646 \u0633\u0627\u062e\u062a\u06cc\u062f\u060c \u0628\u0627 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0648 \u062f\u0633\u062a\u200c\u06a9\u0627\u0631\u06cc \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u0647\u0645\u0648\u0646\u200c\u0637\u0648\u0631\u06cc \u062a\u0648\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0638\u0627\u0647\u0631 \u0628\u0634\u0647. \u0627\u06cc\u0646 \u0646\u0647\u200c\u062a\u0646\u0647\u0627 \u0631\u0648\u0646\u062f \u0637\u0631\u0627\u062d\u06cc \u0631\u0648 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0647\u060c \u0628\u0644\u06a9\u0647 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0648\u06cc \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u0628\u0631\u0646\u062f\u0647\u0627-\u0648-\u0631\u0646\u06af-\u0647\u0627\u06cc-\u0622\u06cc\u0646\u062f\u0647-\u0646\u06af\u0631\">\u0628\u0631\u0646\u062f\u0647\u0627 \u0648 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647\u200c\u0646\u06af\u0631<\/h2>\n\n\n\n<p>\u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u062c\u0631\u0628\u0647\u200c\u06cc \u0628\u0635\u0631\u06cc \u0648 \u0647\u0648\u06cc\u062a \u0631\u0646\u06af\u06cc \u0628\u0631\u0627\u0634\u0648\u0646 \u062d\u06cc\u0627\u062a\u06cc\u0647 (\u0645\u062b\u0644 \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0641\u0634\u0646\u060c \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0632\u06cc\u0628\u0627\u06cc\u06cc\u060c \u0637\u0631\u0627\u062d\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u060c \u0641\u06cc\u0644\u0645 \u0648 \u0631\u0633\u0627\u0646\u0647)\u060c \u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u06cc\u0647 \u0641\u0631\u0635\u062a \u062c\u062f\u06cc\u0647. \u0627\u0632 \u0627\u06cc\u0646 \u0628\u0647 \u0628\u0639\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u0646 \u0628\u062f\u0648\u0646 \u0646\u06af\u0631\u0627\u0646\u06cc \u0627\u0632 \u062a\u062e\u0631\u06cc\u0628 \u0631\u0646\u06af\u060c \u062a\u062c\u0631\u0628\u0647\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u0645\u0646\u062d\u0635\u0631\u200c\u0628\u0647\u200c\u0641\u0631\u062f\u06cc \u0631\u0648 \u062a\u0648\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u0634\u0648\u0646 \u062e\u0644\u0642 \u06a9\u0646\u0646.<\/p>\n\n\n\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0639\u0636\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0648 \u062f\u0627\u0631\u0646 \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc CSS \u062c\u062f\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u062a\u0627 \u0628\u0631\u0646\u062f\u0634\u0648\u0646 \u0646\u0647 \u0641\u0642\u0637 \u062a\u0648\u06cc \u0644\u0648\u06af\u0648\u060c \u0628\u0644\u06a9\u0647 \u062a\u0648\u06cc \u062d\u0627\u0644\u062a\u200c\u0647\u0627\u06cc \u062a\u0639\u0627\u0645\u0644 (hover, focus, active)\u060c \u0646\u0648\u062a\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627 \u0648 \u062d\u062a\u06cc \u0635\u0641\u062d\u0647\u200c\u0647\u0627\u06cc \u062e\u0637\u0627\u060c \u062d\u0633 \u0648 \u062d\u0627\u0644 \u0631\u0646\u06af\u06cc \u062e\u0627\u0635 \u062e\u0648\u062f\u0634\u0648\u0646 \u0631\u0648 \u0645\u0646\u062a\u0642\u0644 \u06a9\u0646\u0647.<\/p>\n\n\n\n<p>\u0645\u062b\u0644\u0627\u064b \u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u06cc\u0647 \u0628\u0631\u0646\u062f \u0641\u0634\u0646 \u0628\u062e\u0648\u0627\u062f \u0631\u0646\u06af \u0637\u0644\u0627\u06cc\u06cc \u0645\u062a\u0627\u0644\u06cc\u06a9\u06cc \u0631\u0648 \u0631\u0648\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u0634 \u0646\u0634\u0648\u0646 \u0628\u062f\u0647. \u062a\u0648 \u0641\u0636\u0627\u06cc sRGB \u06cc\u0627 \u062d\u062a\u06cc RGBA \u0642\u062f\u06cc\u0645\u06cc\u060c \u0627\u06cc\u0646 \u063a\u06cc\u0631\u0645\u0645\u06a9\u0646 \u0628\u0648\u062f. \u0627\u0645\u0627 \u062d\u0627\u0644\u0627\u060c \u0628\u0627 model\u0647\u0627\u06cc \u0645\u062b\u0644 <code>oklch<\/code> \u0648 <code>display-p3<\/code>\u060c \u062d\u062a\u06cc subtle gradient\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062d\u0633 \u0641\u0644\u0632 \u06cc\u0627 \u067e\u0627\u0631\u0686\u0647 \u062e\u0627\u0635\u06cc \u0631\u0648 \u0645\u0646\u062a\u0642\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646 \u0647\u0645 \u0642\u0627\u0628\u0644 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0646.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_29_31-PM-1024x683.png\" alt=\"\" class=\"wp-image-3670\" srcset=\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_29_31-PM-1024x683.png 1024w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_29_31-PM-300x200.png 300w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_29_31-PM-768x512.png 768w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_29_31-PM-1170x780.png 1170w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_29_31-PM-585x390.png 585w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_29_31-PM-263x175.png 263w, https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_29_31-PM.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u062d\u0631\u0641-\u0622\u062e\u0631\">\u062d\u0631\u0641 \u0622\u062e\u0631<\/h2>\n\n\n\n<p>\u0627\u06af\u0631 \u062a\u0627 \u067e\u06cc\u0634 \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u06cc\u0647 \u0645\u0648\u0636\u0648\u0639 \u0646\u0633\u0628\u062a\u0627\u064b \u063a\u06cc\u0631\u0642\u0627\u0628\u0644\u200c\u06a9\u0646\u062a\u0631\u0644 \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u200c\u0634\u062f\u061b \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0647 \u00ab\u0642\u0634\u0646\u06af\u200c\u062a\u0631 \u0628\u0648\u062f\u0646\u00bb \u0645\u0631\u0628\u0648\u0637 \u0628\u0648\u062f\u060c \u062d\u0627\u0644\u0627 \u0631\u0646\u06af \u062f\u0627\u0631\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0647 \u0628\u0647 \u06cc\u06a9 \u0632\u0628\u0627\u0646 \u062f\u0648\u0645 \u0628\u0631\u0627\u06cc \u062a\u062c\u0631\u0628\u0647\u200c \u06a9\u0627\u0631\u0628\u0631\u06cc. \u0627\u0632 readability \/ \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u062a\u0627 accessibility \/ \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u0627\u0632 \u062f\u0631\u06a9 \u067e\u06cc\u0627\u0645 \u0628\u0631\u0646\u062f \u062a\u0627 \u062a\u0639\u0627\u0645\u0644 \u0628\u0635\u0631\u06cc\u060c \u0631\u0646\u06af\u200c\u0647\u0627 \u06a9\u0627\u0645\u0644\u0627 \u06cc\u0647 \u0646\u0642\u0634 \u0632\u0628\u0627\u0646\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646.<\/p>\n\n\n\n<p>\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u06cc\u0639\u0646\u06cc \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627\u060c \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0648 \u062d\u062a\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc \u062f\u0627\u0631\u0646 \u0647\u0645\u200c\u0631\u0627\u0633\u062a\u0627 \u0645\u06cc\u200c\u0634\u0646 \u062a\u0627 \u0628\u062a\u0648\u0646\u06cc\u0645 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0648\u0627\u0642\u0639\u0627\u064b \u0628\u0635\u0631\u06cc \u0648 \u0645\u062f\u0631\u0646 \u0631\u0648\u06cc \u0647\u0645\u0647 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0627\u0631\u0627\u0626\u0647 \u0628\u062f\u06cc\u0645. \u062f\u06cc\u06af\u0647 \u0648\u0642\u062a\u0634\u0647 \u0645\u0631\u0632\u0647\u0627\u06cc \u062e\u0644\u0627\u0642\u06cc\u062a\u0645\u0648\u0646 \u0631\u0648 \u0628\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0645\u0648\u062c\u0648\u062f \u06af\u0633\u062a\u0631\u0634 \u0628\u062f\u06cc\u0645 \u0648 \u0637\u0631\u0627\u062d\u06cc \u0628\u0631\u0627\u06cc sRGB \u0631\u0648 \u0628\u0630\u0627\u0631\u06cc\u0645 \u06a9\u0646\u0627\u0631.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\u0686\u0646\u062f-\u0642\u062f\u0645-\u0633\u0627\u062f\u0647-\u0628\u0631\u0627\u06cc-\u0648\u0631\u0648\u062f-\u0628\u0647-\u0627\u06cc\u0646-\u0622\u06cc\u0646\u062f\u0647\">\u0686\u0646\u062f \u0642\u062f\u0645 \u0633\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0648\u0631\u0648\u062f \u0628\u0647 \u0627\u06cc\u0646 \u0622\u06cc\u0646\u062f\u0647<\/h2>\n\n\n\n<p>\u0627\u06af\u0647 \u062a\u0648\u06cc \u0637\u0631\u0627\u062d\u06cc \u06cc\u0627 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc \u0648 \u0645\u06cc\u200c\u062e\u0648\u0627\u06cc \u0627\u0632 \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u062e\u0648\u062f\u062a\u0648 \u0628\u0627 \u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0647\u0645\u0627\u0647\u0646\u06af \u06a9\u0646\u06cc\u060c \u0627\u06cc\u0646\u0627 \u0686\u0646\u062f \u0642\u062f\u0645 \u0633\u0627\u062f\u0647\u200c\u0627\u0646 \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc \u0628\u0631\u062f\u0627\u0631\u06cc:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u0627\u0632 \u0641\u062a\u0648\u0634\u0627\u067e \u06cc\u0627 \u0641\u06cc\u06af\u0645\u0627 \u0628\u062e\u0648\u0627\u06cc\u062f \u062e\u0631\u0648\u062c\u06cc Display-P3 \u0628\u062f\u0647.<\/strong> \u062e\u06cc\u0644\u06cc \u0627\u0632 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0641\u0636\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u060c \u0641\u0642\u0637 \u0628\u0627\u06cc\u062f \u062a\u0646\u0638\u06cc\u0645\u0627\u062a\u0634 \u0631\u0648 \u0641\u0639\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/li>\n\n\n\n<li><strong>\u062a\u0648 CSS \u0627\u0632 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/strong> \u0645\u062b\u0644\u0627\u064b <code>color(display-p3 ...)<\/code> \u06cc\u0627 <code>color(lch ...)<\/code> \u0628\u0647\u200c\u062c\u0627\u06cc hex \u06cc\u0627 <code>rgba()<\/code>.<\/li>\n\n\n\n<li><strong>\u0628\u0627 DevTools \u0628\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f.<\/strong> \u0645\u062e\u0635\u0648\u0635\u0627\u064b \u062a\u0648\u06cc Chrome \u0648 Safari \u06a9\u0647 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 gamut\u0647\u0627\u06cc \u0648\u0633\u06cc\u0639 \u0631\u0648 \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646.<\/li>\n\n\n\n<li><strong>\u0628\u0631\u0627\u06cc fallback \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/strong> \u06cc\u0639\u0646\u06cc \u0648\u0642\u062a\u06cc \u0627\u0632 \u0641\u0636\u0627\u06cc \u0631\u0646\u06af\u06cc \u062c\u062f\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u06cc\u0647 \u0646\u0633\u062e\u0647 \u0633\u0627\u062f\u0647 \u0647\u0645 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u0646\u0648\u0632 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u0646.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\">\u0628\u0627 \u062f\u0648\u0631\u0647\u200e\u200c\u0647\u0627\u06cc \u0627\u06cc\u0646\u0648\u0631\u0633 \u0634\u0631\u0648\u0639 \u06a9\u0646!<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u06a9\u0647 \u0627\u06cc\u0646 \u062c\u0645\u0644\u0647 \u0631\u0648 \u0645\u06cc\u200c\u062e\u0648\u0646\u06cc\u062f\u060c \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0648&hellip;<\/p>\n","protected":false},"author":1,"featured_media":3667,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3666","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-article"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.5 (Yoast SEO v23.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af! - \u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u0648\u0631\u0633<\/title>\n<meta name=\"description\" content=\"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645: \u0627\u0632 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc W3C \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0637\u06cc\u0641\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u06af\u0633\u062a\u0631\u062f\u0647\u060c \u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u062a\u062c\u0627\u0631\u062a\u200c\u0647\u0627.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af!\" \/>\n<meta property=\"og:description\" content=\"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645: \u0627\u0632 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc W3C \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0637\u06cc\u0641\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u06af\u0633\u062a\u0631\u062f\u0647\u060c \u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u062a\u062c\u0627\u0631\u062a\u200c\u0647\u0627.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u0648\u0631\u0633\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-23T09:34:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-23T09:34:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_48_26-PM-1024x683.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u0627\u06cc\u0646\u0648\u0631\u0633\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u0627\u06cc\u0646\u0648\u0631\u0633\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0632\u0645\u0627\u0646 \u062a\u062e\u0645\u06cc\u0646\u06cc \u0645\u0637\u0627\u0644\u0639\u0647\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/\",\"url\":\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/\",\"name\":\"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af! - \u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u0648\u0631\u0633\",\"isPartOf\":{\"@id\":\"https:\/\/inverseschool.ir\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_48_26-PM.png\",\"datePublished\":\"2025-08-23T09:34:01+00:00\",\"dateModified\":\"2025-08-23T09:34:02+00:00\",\"author\":{\"@id\":\"https:\/\/inverseschool.ir\/blog\/#\/schema\/person\/ebf38fd4896ba3d663ae0e4ce281b424\"},\"description\":\"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645: \u0627\u0632 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc W3C \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0637\u06cc\u0641\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u06af\u0633\u062a\u0631\u062f\u0647\u060c \u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u062a\u062c\u0627\u0631\u062a\u200c\u0647\u0627.\",\"breadcrumb\":{\"@id\":\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#primaryimage\",\"url\":\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_48_26-PM.png\",\"contentUrl\":\"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_48_26-PM.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/inverseschool.ir\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/inverseschool.ir\/blog\/#website\",\"url\":\"https:\/\/inverseschool.ir\/blog\/\",\"name\":\"\u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u0648\u0631\u0633\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/inverseschool.ir\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/inverseschool.ir\/blog\/#\/schema\/person\/ebf38fd4896ba3d663ae0e4ce281b424\",\"name\":\"\u0627\u06cc\u0646\u0648\u0631\u0633\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\/\/inverseschool.ir\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3366cc891ff7ac14d039df8bd0fdc1cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3366cc891ff7ac14d039df8bd0fdc1cd?s=96&d=mm&r=g\",\"caption\":\"\u0627\u06cc\u0646\u0648\u0631\u0633\"},\"sameAs\":[\"https:\/\/inverseschool.ir\/blog\"],\"url\":\"https:\/\/inverseschool.ir\/blog\/author\/blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af! - \u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u0648\u0631\u0633","description":"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645: \u0627\u0632 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc W3C \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0637\u06cc\u0641\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u06af\u0633\u062a\u0631\u062f\u0647\u060c \u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u062a\u062c\u0627\u0631\u062a\u200c\u0647\u0627.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/","og_locale":"fa_IR","og_type":"article","og_title":"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af!","og_description":"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645: \u0627\u0632 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc W3C \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0637\u06cc\u0641\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u06af\u0633\u062a\u0631\u062f\u0647\u060c \u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u062a\u062c\u0627\u0631\u062a\u200c\u0647\u0627.","og_url":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/","og_site_name":"\u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u0648\u0631\u0633","article_published_time":"2025-08-23T09:34:01+00:00","article_modified_time":"2025-08-23T09:34:02+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_48_26-PM-1024x683.png","type":"image\/png"}],"author":"\u0627\u06cc\u0646\u0648\u0631\u0633","twitter_card":"summary_large_image","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637":"\u0627\u06cc\u0646\u0648\u0631\u0633","\u0632\u0645\u0627\u0646 \u062a\u062e\u0645\u06cc\u0646\u06cc \u0645\u0637\u0627\u0644\u0639\u0647":"14 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/","url":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/","name":"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af! - \u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u0648\u0631\u0633","isPartOf":{"@id":"https:\/\/inverseschool.ir\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#primaryimage"},"image":{"@id":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#primaryimage"},"thumbnailUrl":"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_48_26-PM.png","datePublished":"2025-08-23T09:34:01+00:00","dateModified":"2025-08-23T09:34:02+00:00","author":{"@id":"https:\/\/inverseschool.ir\/blog\/#\/schema\/person\/ebf38fd4896ba3d663ae0e4ce281b424"},"description":"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628 \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645: \u0627\u0632 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc W3C \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0637\u06cc\u0641\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u06af\u0633\u062a\u0631\u062f\u0647\u060c \u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0648 \u062a\u062c\u0627\u0631\u062a\u200c\u0647\u0627.","breadcrumb":{"@id":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#primaryimage","url":"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_48_26-PM.png","contentUrl":"https:\/\/inverseschool.ir\/blog\/app\/uploads\/2025\/08\/ChatGPT-Image-Aug-23-2025-12_48_26-PM.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/inverseschool.ir\/blog\/article\/future-of-color-on-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/inverseschool.ir\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0622\u06cc\u0646\u062f\u0647 \u0631\u0646\u06af \u062f\u0631 \u0648\u0628\u060c \u062f\u0633\u062a\u062e\u0648\u0634 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0628\u0632\u0631\u06af!"}]},{"@type":"WebSite","@id":"https:\/\/inverseschool.ir\/blog\/#website","url":"https:\/\/inverseschool.ir\/blog\/","name":"\u0628\u0644\u0627\u06af \u0627\u06cc\u0646\u0648\u0631\u0633","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/inverseschool.ir\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Person","@id":"https:\/\/inverseschool.ir\/blog\/#\/schema\/person\/ebf38fd4896ba3d663ae0e4ce281b424","name":"\u0627\u06cc\u0646\u0648\u0631\u0633","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/inverseschool.ir\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3366cc891ff7ac14d039df8bd0fdc1cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3366cc891ff7ac14d039df8bd0fdc1cd?s=96&d=mm&r=g","caption":"\u0627\u06cc\u0646\u0648\u0631\u0633"},"sameAs":["https:\/\/inverseschool.ir\/blog"],"url":"https:\/\/inverseschool.ir\/blog\/author\/blog\/"}]}},"_links":{"self":[{"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/posts\/3666"}],"collection":[{"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/comments?post=3666"}],"version-history":[{"count":2,"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/posts\/3666\/revisions"}],"predecessor-version":[{"id":3672,"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/posts\/3666\/revisions\/3672"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/media\/3667"}],"wp:attachment":[{"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/media?parent=3666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/categories?post=3666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inverseschool.ir\/blog\/wp-json\/wp\/v2\/tags?post=3666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}