{"id":4780,"date":"2024-04-14T10:54:52","date_gmt":"2024-04-14T02:54:52","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4780"},"modified":"2024-04-14T10:54:52","modified_gmt":"2024-04-14T02:54:52","slug":"color-selection-overview","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/color-selection-overview\/","title":{"rendered":"\uc0c9\uc0c1 \uc120\ud0dd \uac1c\uc694"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p>\uae00\uaf34, \ubc30\uacbd, \ud14c\ub450\ub9ac \ub610\ub294 \uae30\ud0c0 \uc694\uc18c\uc5d0 \ub300\ud55c \uc74c\uc601\uc744 \uc120\ud0dd\ud558\ub294 \uac83\uc740 \uc6f9 \uc0ac\uc774\ud2b8\ub97c \ub9cc\ub4e4 \ub54c \uc77c\uc0c1\uc801\uc778 \uc791\uc5c5\uc785\ub2c8\ub2e4. \uc0c9\uc0c1 \uc120\ud0dd\uae30\ub97c \ud65c\uc6a9\ud558\uc5ec \uc74c\uc601\uc744 \uc120\ud0dd\ud558\uace0 \ud22c\uba85\ub3c4\ub97c \uc870\uc815\ud558\uc138\uc694. \ub610\ud55c \uc0ac\uc774\ud2b8\uc5d0\uc11c \uc0c9\uc0c1 \ubcc0\uc218\ub97c \uc815\uc758\ud558\uace0 \uc0c9\uc0c1 \uc120\ud0dd\uae30\ub97c \ud65c\uc6a9\ud558\uc5ec \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2>\uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\uace0 \ud22c\uba85\ub3c4\ub97c \uc870\uc815\ud558\uc138\uc694<\/h2>\n<p>\ub2e4\uc74c \ubc29\ubc95 \uc911 \ud558\ub098\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0c9\uc870\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li>\uc0c9\uc0c1 \uc120\ud0dd \ub3c4\uad6c \ud65c\uc6a9<\/li>\n<li>\uc0c9\uc0c1 \uc2a4\ud399\ud2b8\ub7fc \ubc0f \ucee8\ud2b8\ub864 \ud65c\uc6a9<\/li>\n<li>\ud574\ub2f9 \uc785\ub825 \ud544\ub4dc\uc5d0 \uac12 \uc785\ub825<\/li>\n<\/ul>\n<p>\uc0c9\uc0c1 \uc120\ud0dd\uae30\uc5d0\uc11c \uc0ac\uc774\ud2b8\uc758 \ud14d\uc2a4\ud2b8 \uba85\uc554\ube44\ub97c \uc9c1\uc811 \uac80\ud1a0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ud14d\uc2a4\ud2b8\uc758 \uba85\uc554\ube44\ubfd0\ub9cc \uc544\ub2c8\ub77c \ud574\ub2f9 \uba85\uc554\ube44\uc5d0 \ud574\ub2f9\ud558\ub294 WCAG \uc218\uc900 \ub4f1\uae09\ub3c4 \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\n<p>\uba85\uc554\ube44\ub294 \uc0ac\uc774\ud2b8\uc758 \uc811\uadfc\uc131\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce69\ub2c8\ub2e4. \ucda9\ubd84\ud55c \uba85\uc554\ube44\ub294 \uc804\uacbd(\ud14d\uc2a4\ud2b8)\uacfc \ubc30\uacbd\uc0c9(\ud14d\uc2a4\ud2b8 \ub4a4\uc758 \ubc30\uacbd), \uae00\uaf34 \ud06c\uae30 \ubc0f \uae00\uaf34 \ub450\uaed8\uc758 \uc601\ud5a5\uc744 \ubc1b\uc2b5\ub2c8\ub2e4.<\/p>\n<p>&quot;\ub97c \uc804\ud658\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<strong>\ub208<\/strong>&#039; \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uba74 WCAG\uc5d0\uc11c AA, AAA \ubc0f \uc2e4\ud328 \ub4f1\uae09 \uac04\uc758 \uc804\ud658\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h3>\uc0c9\uc0c1 \uc120\ud0dd \ub3c4\uad6c \ud65c\uc6a9<\/h3>\n<p>\uce94\ubc84\uc2a4 \ub610\ub294 \ud604\uc7ac \ube0c\ub77c\uc6b0\uc800 \ucc3d \uc678\ubd80\uc758 \uc694\uc18c\uc5d0\uc11c \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\ub824\uba74 \uc0c9\uc0c1 \uc120\ud0dd \ub3c4\uad6c\ub97c \ud65c\uc6a9\ud558\uc138\uc694. \uc2a4\ud398\uc774\uc2a4\ubc14\ub97c \ub20c\ub7ec \ub300\uc0c1 \uc0c9\uc0c1\uc758 RGB \uc22b\uc790\ub97c \ud45c\uc2dc\ud558\uac70\ub098 \uc228\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<h6><strong>\ucc38\uace0: \uc0c9\uc0c1 \uc120\ud0dd \ub3c4\uad6c\uc5d0 \uc561\uc138\uc2a4\ud558\ub824\uba74 Chrome \ub610\ub294 Edge\ub97c \ube0c\ub77c\uc6b0\uc800(\uc608: Chromium \uae30\ubc18 \ube0c\ub77c\uc6b0\uc800)\ub85c \uc0ac\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4. <\/strong><strong>Webflow\uac00 \uc9c0\uc6d0\ud558\ub294 \ube0c\ub77c\uc6b0\uc800 \ubaa9\ub85d\uc744 \uc0b4\ud3b4\ubcf4\uc138\uc694.<\/strong><strong>.<\/strong><\/h6>\n<h3>\uc0c9\uc0c1 \uc2a4\ud399\ud2b8\ub7fc \ubc0f \ucee8\ud2b8\ub864 \ud65c\uc6a9<\/h3>\n<p>\uc2a4\ud399\ud2b8\ub7fc\uc5d0\uc11c \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\ub824\uba74 <strong>\uc0c9\uc870 \uc2ac\ub77c\uc774\ub354<\/strong> \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud55c \ub2e4\uc74c <strong>\uceec\ub7ec \ud3c9\uba74<\/strong> \uc801\ud569\ud55c \uadf8\ub298\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4. \uc0c9\uc0c1\uc758 \ud22c\uba85\ub3c4\ub97c \ub0ae\ucd94\uace0 \uc2f6\ub2e4\uba74 <strong>\ud22c\uba85\ub3c4 \uc2ac\ub77c\uc774\ub354<\/strong>.<\/p>\n<h4>\uceec\ub7ec \ud3c9\uba74<\/h4>\n<p>\uc0c9\uc0c1 \ud3c9\uba74\uc744 \uc0ac\uc6a9\ud558\uba74 \uc0ac\uc6a9\ud558\ub824\ub294 \uc0c9\uc870\uc758 \uc74c\uc601\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0c9\uc0c1\uc758 \ucc44\ub3c4\ub97c \ubcc0\uacbd\ud558\ub824\uba74 x\ucd95\uc744 \ub530\ub77c \uc120\ud0dd\uae30\ub97c \uc774\ub3d9\ud558\uace0 \ubc1d\uae30\ub97c \uc218\uc815\ud558\ub824\uba74 y\ucd95\uc744 \ub530\ub77c \uc774\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0c9\uc870\ub97c \ubcc0\uacbd\ud558\ub824\uba74 <strong>\uc0c9\uc870 \uc2ac\ub77c\uc774\ub354<\/strong> \uc544\ub798\uc5d0.<\/p>\n<h4>\uc0c9\uc870 \uc2ac\ub77c\uc774\ub354<\/h4>\n<p>\uc0c9\uc870 \uc2ac\ub77c\uc774\ub354\ub97c \uc0ac\uc6a9\ud558\uba74 \uc0c9\uc870 \uc2a4\ud399\ud2b8\ub7fc\uc5d0\uc11c \uc0ac\uc6a9\ud558\ub824\ub294 \uc0c9\uc870\uc758 \uc0c9\uc870\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7f0 \ub2e4\uc74c \ub2e4\uc74c\uc744 \ud65c\uc6a9\ud558\uc5ec \uc801\uc808\ud55c \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>\uceec\ub7ec \ud3c9\uba74<\/strong> \uc704\uc5d0.<\/p>\n<h4>\ud22c\uba85\ub3c4 \uc2ac\ub77c\uc774\ub354<\/h4>\n<p>\ud22c\uba85\ub3c4 \uc2ac\ub77c\uc774\ub354\ub97c \uc0ac\uc6a9\ud558\uba74 \uc0c9\uc0c1\uc758 \ud22c\uba85\ub3c4 \uc218\uc900\uc744 \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. 100%\ub294 \uc0c9\uc870\ub97c \uc644\uc804\ud788 \ubd88\ud22c\uba85\ud558\uac8c \ub9cc\ub4e4\uace0, \uadf8\ubcf4\ub2e4 \ub0ae\uc740 \uac12\uc740 \uc0c9\uc870\ub97c \ud22c\uba85\ud558\uac8c \ub9cc\ub4ed\ub2c8\ub2e4. \uc774\ub294 \uc774\ubbf8\uc9c0\uc5d0 \uc0c9\uc870 \uc624\ubc84\ub808\uc774\ub97c \ucd94\uac00\ud558\uac70\ub098 \ud22c\uba85\ud55c \ubc30\uacbd\uc744 \uc124\uc815\ud560 \ub54c \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<h3>\ud574\ub2f9 \uc785\ub825 \ud544\ub4dc\uc5d0 \uac12 \uc785\ub825<\/h3>\n<p>\uc0c9\uc0c1\uc744 \ub354 \uc815\ud655\ud558\uac8c \uc120\ud0dd\ud558\ub824\uba74 \uc6f9 \uc0c9\uc0c1 \uc774\ub984, Hex \ucf54\ub4dc, HSB\/HSBA \uac12 \ub610\ub294 RGB\/RGBA \uac12\uc744 \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2a4\ud0c0\uc77c \ud328\ub110\uc774\ub098 <strong>HEX \uc785\ub825 \ud544\ub4dc<\/strong> \uc0c9\uc0c1 \uc120\ud0dd\uae30\uc5d0\uc11c \ub610\ub294 \ucf54\ub4dc\ub97c \ubd84\ud574\ud558\uc5ec \uc9c0\uc815\ub41c \ud544\ub4dc\uc5d0 \uac01 \uac12\uc744 \uc785\ub825\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li>16\uc9c4\uc218 \uac12 <strong>HEX \ud544\ub4dc<\/strong><\/li>\n<li>HSBA \uac12\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. <strong>HSB \ubc0f A \ud544\ub4dc<\/strong><\/li>\n<li>RGBA \uac12\uc740 \ubd84\ub9ac\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. <strong>RGB \ubc0f A \ud544\ub4dc<\/strong><\/li>\n<\/ul>\n<p>\ub808\uc774\ube14\uc744 \ud074\ub9ad\ud558\uba74 HSB\uc640 RGB \uac04\uc5d0 \uc804\ud658\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h4>HEX \uc785\ub825 \ud544\ub4dc<\/h4>\n<p>\uc774 \uc785\ub825 \ud544\ub4dc\ub294 \ubaa8\ub4e0 \uc6f9 \uc0c9\uc0c1 \ud615\uc2dd\uc744 \uc9c0\uc6d0\ud558\ubbc0\ub85c HTML \uc0c9\uc0c1 \uac12\uc744 \uc785\ub825\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \uac12\uc740 HEX\ub85c \ubcc0\ud658\ub429\ub2c8\ub2e4. HEX \ucf54\ub4dc \ubc0f \uc6f9 \uc0c9\uc0c1 \ud615\uc2dd\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n<h4>HSB \ubc0f RGB \uc785\ub825<\/h4>\n<p>HEX \uc785\ub825 \ud544\ub4dc \uc606\uc5d0\ub294 &quot;HSB&quot;\ub77c\uace0 \ud45c\uc2dc\ub41c 3\uac1c\uc758 \uc785\ub825 \ud544\ub4dc\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ub77c\ubca8\uc744 \ud074\ub9ad\ud558\uba74 \u201cRGB\u201d\ub85c \uc804\ud658\ub429\ub2c8\ub2e4. \ub418\ub3cc\ub9ac\ub824\uba74 \ub77c\ubca8\uc744 \ub2e4\uc2dc \ud074\ub9ad\ud558\uc138\uc694.<\/p>\n<p>&quot;H&quot;\ub294 \uc0c9\uc0c1\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4. \uc0ac\uc6a9\ud558\uc5ec \uc0c9\uc870\ub97c \uc870\uc815\ud558\uba74 <strong>\uc0c9\uc870 \uc2ac\ub77c\uc774\ub354<\/strong>, &quot;H&quot;\ub85c \ud45c\uc2dc\ub41c \ud544\ub4dc\uc758 \uac12\uc774 \uc5c5\ub370\uc774\ud2b8\ub429\ub2c8\ub2e4. &quot;S&quot;\ub294 \ucc44\ub3c4\ub97c \ub098\ud0c0\ub0b4\uace0 &quot;B&quot;\ub294 \ubc1d\uae30\ub97c \ub098\ud0c0\ub0c5\ub2c8\ub2e4. \uc774 \uac12\uc740 \uc120\ud0dd\uae30\ub97c \uc774\ub3d9\ud558\uba74 \ubcc0\uacbd\ub429\ub2c8\ub2e4. <strong>\uceec\ub7ec \ud3c9\uba74<\/strong>. \uc0ac\uc6a9\ud558\ub824\ub294 \uc0c9\uc0c1\uc758 HSB \uac12\uc744 \uc54c\uace0 \uc788\ub294 \uacbd\uc6b0 \ud574\ub2f9 \ud544\ub4dc\uc5d0 \uac12\uc744 \uc785\ub825\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc0c9\uc0c1\uc758 RGB \uac12\uc744 \uc54c\uace0 \uc788\ub294 \uacbd\uc6b0 HSB \ub77c\ubca8\uc744 \ud074\ub9ad\ud558\uace0 \ube68\uac04\uc0c9 &quot;R&quot;, \ub179\uc0c9 &quot;G&quot; \ubc0f \ud30c\ub780\uc0c9 &quot;B&quot; \uac12\uc744 \uc785\ub825\ud569\ub2c8\ub2e4. \uc774 \ud544\ub4dc\ub294 \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\ub294 \ub370 \uc0ac\uc6a9\ub41c \ub3c4\uad6c\uc5d0 \uad00\uacc4\uc5c6\uc774 \uc790\ub3d9\uc73c\ub85c \uc62c\ubc14\ub978 \uac12\uc744 \ud45c\uc2dc\ud569\ub2c8\ub2e4.<\/p>\n<h4>\u201cA\u201d \ub610\ub294 Alpha \uc785\ub825 \ud544\ub4dc<\/h4>\n<p>&quot;A&quot;\ub294 \uc54c\ud30c \ucc44\ub110\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4. \uc54c\ud30c \ucc44\ub110\uc740 \uc0c9\uc0c1\uc758 \ud22c\uba85\ub3c4\ub97c \uacb0\uc815\ud569\ub2c8\ub2e4. \uc774 \uac12\uc740 \ub2e4\uc74c\uc758 \uc601\ud5a5\uc744 \ubc1b\uc2b5\ub2c8\ub2e4. <strong>\ud22c\uba85\ub3c4 \uc2ac\ub77c\uc774\ub354<\/strong>. \uc54c\ud30c \uac12\uc758 \ubc94\uc704\ub294 0\uc5d0\uc11c 100% \uc0ac\uc774\uc785\ub2c8\ub2e4. \uc0c9\uc0c1\uc758 \uc54c\ud30c \uac12\uc744 \uc54c\uace0 \uc788\ub294 \uacbd\uc6b0 100\uc744 \uacf1\ud558\uc5ec \uc774 \uc785\ub825 \ud544\ub4dc\uc5d0 \uc785\ub825\ud558\uc138\uc694.<\/p>\n<h5><strong>\ub354 \ubc1c\uacac\ud558\ub2e4<\/strong><\/h5>\n<ul role=\"list\">\n<li>\uc0c9\uc0c1 \ud615\uc2dd HEX, RGB \ubc0f RGBA<\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/colors\/colors_names.asp\">HTML \uc0c9\uc0c1 \uc774\ub984<\/a><\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"\uc0c9\uc0c1 \uc120\ud0dd\uae30\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uc138\uc694.","protected":false},"author":2,"featured_media":4781,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-4780","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=4780"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4780\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/4781"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=4780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=4780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=4780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}