{"id":57,"date":"2016-02-28T02:22:55","date_gmt":"2016-02-28T10:22:55","guid":{"rendered":"http:\/\/davidjoo.com\/?p=57"},"modified":"2024-06-04T22:54:41","modified_gmt":"2024-06-05T05:54:41","slug":"%eb%b2%88%ec%97%ad-%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%ec%9b%b9%eb%94%94%ec%9e%90%ec%9d%b4%eb%84%88%eb%a5%bc-%ec%9c%84%ed%95%9c-6%ea%b0%80%ec%a7%80-%ec%bb%ac%eb%9f%ac-%eb%a7%a4%ec%b9%ad","status":"publish","type":"post","link":"https:\/\/davidjoo.com\/?p=57","title":{"rendered":"[\ubc88\uc5ed] \uc6cc\ub4dc\ud504\ub808\uc2a4 \uc6f9\ub514\uc790\uc774\ub108\ub97c \uc704\ud55c 6\uac00\uc9c0 \uceec\ub7ec \ub9e4\uce6d \ud14c\ud06c\ub2c9"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-243 size-full\" src=\"http:\/\/www.davidjoo.com\/wp-content\/uploads\/2016\/02\/color-matching-featured.jpg\" alt=\"6 Color Matching Techniques for WordPress Web Designers\" width=\"600\" height=\"235\" \/><\/p>\n<p>\uc0c9\uc0c1\uc758 \uc0ac\uc6a9\uc758 \ubc30\ud6c4\uc5d0\ub294 \uc2ec\ub9ac\ud559\uc774 \uc874\uc7ac\ud55c\ub2e4. \ub9ce\uc740 \ud074\ub77c\uc774\uc5b8\ud2b8\ub4e4\uc740 \uc790\uc2e0\ub4e4\uc774 \uc88b\uc544\ud55c\ub2e4\ub294 \uc774\uc720\ub9cc\uc73c\ub85c \ubc1d\uace0 \ub208\uc5d0 \ub744\ub294 \uc0c9\uc0c1\uc744 \uc694\uccad\ud55c\ub2e4. \ud558\uc9c0\ub9cc \uadf8\ub4e4\uc774 \uc88b\uc544\ud558\ub294 \uc0c9\uc0c1\uc774 \ubc18\ub4dc\uc2dc \uae30\ub300\ud558\ub294 \ud6a8\uacfc\ub97c \uc8fc\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4. \uc0c9\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8(UX)\uc5d0 \uc788\uc5b4\uc11c \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud55c\ub2e4. \uc0ac\uc6a9\uc790\ub4e4\uc740 \uadf8\ub4e4\uc5d0\uac8c \uc2dc\uac01\uc801\uc73c\ub85c \uc640\ub2ff\ub294 \ub300\uc0c1\uc744 \uc2a4\uce94\ud558\uace0 \ud074\ub9ad\ud558\ub824\ub294 \uacbd\ud5a5\uc774 \uc788\ub2e4. \u00a0\uc81c\ub300\ub85c \uc0ac\uc6a9\ub41c \uc0c9\uc774 \uc608\uc058\uba74 \uc0ac\ub78c\ub4e4\uc740 \ub300\uccb4\ub85c \uadf8 \uc608\uc05c \uac83\uc5d0 \uc8fc\ubaa9\ud55c\ub2e4. \uc774\uac83\uc774 \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uc788\uc5b4\uc11c \uceec\ub7ec \ub9e4\uce6d\uc774 \uc911\uc694\ud55c \uc774\uc720\uc774\ub2e4.<\/p>\n<p>\uc6f9 \ub514\uc790\uc774\ub108\ub85c\uc11c \uc6b0\ub9ac\ub294 \uc6f9\uc0ac\uc774\ud2b8\ub97c \uc704\ud55c \ubc14\ub978 \uc0c9 \uc870\ud569\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\uc5b4\uc57c \ud55c\ub2e4. \uc5ec\uae30\uc5d0\ub294 \ub808\uc774\uc544\uc6c3\uc758 \ubaa8\ub4e0 \uc2dc\uac01\uc801 \uc694\uc18c\ub4e4(\uae00\uaf34, \ubc84\ud2bc, \ud5e4\ub354, \ubc30\uacbd, \uc81c\ubaa9, \ub9c1\ud06c, \ud14c\ub450\ub9ac \ub4f1\ub4f1)\uc758 \uc0c9\uc0c1\ub4e4\uc774 \ud3ec\ud568\ub41c\ub2e4. \uc2ec\uc9c0\uc5b4 \uc0c9\uc740 \ube0c\ub79c\ub529\uc5d0\ub3c4 \uc5ed\ud560\uc744 \uac10\ub2f9\ud55c\ub2e4.<\/p>\n<p>\uc774 \uae00\uc5d0\uc11c, \uc6b0\ub9ac\ub294 \uc6f9\ub514\uc790\uc778\uc5d0 \ub3c4\uc6c0\uc774 \ub420 \uba87\uac00\uc9c0 \uceec\ub7ec \ub9e4\uce6d \ud14c\ud06c\ub2c9\uc744 \uc0b4\ud3b4\ubcfc \uac83\uc774\ub2e4.<\/p>\n<h2>\uc0c9 \uc774\ub860\uc758 \uc774\ud574\uc640 \uc0ac\uc6a9 \uadf8\ub9ac\uace0 \uc2ec\ub9ac\ud559<\/h2>\n<div id=\"attachment_28148\" class=\"wp-caption aligncenter\">\n<div id=\"attachment_67\" style=\"width: 810px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-67\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-67\" src=\"http:\/\/davidjoo.com\/wp-content\/uploads\/2016\/02\/color-theory-300x225-1-300x225.jpg\" alt=\"\" width=\"800\" height=\"600\" \/><p id=\"caption-attachment-67\" class=\"wp-caption-text\">Image by aekikuis \/ shutterstock.com<\/p><\/div>\n<\/div>\n<p>\uc0c9\uc0c1\uc758 \uc120\ud0dd\uc740 \uc624\ub79c \uc2dc\uac04\uacfc \ub9ce\uc740 \uacbd\ud5d8\uc744 \uc694\ud558\ub294 \uc608\uc220\uc774\ub2e4. \uadf8\uac83\uc740 \ub610\ud55c \uc8fc\uad00\uc801\uc774\uae30\ub3c4 \ud558\ub2e4. \uc0c9\uc740 \ucee8\ud14d\uc2a4\ud2b8\ub85c \uc804\ud574\uc9c4\ub2e4. \uc0ac\uc774\ud2b8\uc758 \uc8fc\uc81c\uc640 \ubd84\uc704\uae30\ub294 \ubc29\ubb38\uac1d\ub4e4\uc5d0\uac8c \uac00\uc7a5 \ud6a8\uacfc\uc788\ub294 \uc0c9\uc0c1\ub4e4\uc744 \uacb0\uc815\ud558\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc900\ub2e4. \ubaa8\ub4e0 \ucf00\uc774\uc2a4\uc5d0 \ub300\ud55c \ud558\ub098\uc758 \uc815\ub2f5\uc774 \uc874\uc7ac\ud558\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4. \uc5b4\ub5a4 \ubc29\ubb38\uac1d\uc5d0\uac8c \ud1b5\ud558\ub294 \uc0c9\uc774 \ub2e4\ub978 \uc0ac\ub78c\uc5d0\uac8c\ub294 \uadf8\ub807\uc9c0 \uc54a\uc744 \uc218 \uc788\ub2e4. \uc5b4\ub5a4 \ubc29\ubb38\uac1d\uc740 \ucc28\ubd84\ud55c \uc0c9\uc744 \uc120\ud638\ud558\uc9c0\ub9cc \uc5b4\ub5a4 \uc774\ub294 \ud30c\uc2a4\ud154\uc744 \uc120\ud638\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<p>\uc0c9\uc0c1 \uc870\ud569\uc740 \ub2f9\uc2e0\uc774 \ucd94\uad6c\ud558\ub294 \ub290\ub08c\uc5d0 \uc88c\uc6b0\ub420 \uac83\uc774\ub2e4. \ud2b9\uc815\ud55c \uc8fc\uc81c\uc5d0\ub294 \uac70\uae30\uc5d0 \uac78\ub9de\ub294 \uc0c9\uc0c1\ub4e4\uc774 \uae30\ub300\ub41c\ub2e4. \uc608\ub97c \ub4e4\uba74 \uc0ac\ub0e5\uafbc\uacfc \uc5b4\ubd80\ub4e4\uc740 \uac70\uce5c \uc0c9\uc0c1\uc5d0 \ub04c\ub9b0\ub2e4. \ud770 \uc0c9\uc740 \uacb0\ud63c\uacfc \uad00\ub828\ud574\uc11c \uac00\uc7a5 \ub9ce\uc774 \uc4f0\uc778\ub2e4. \uc0c9\uc0c1 \u00a0\uc870\ud569\uc740 \uc8fc\uc81c\uc640 \uac19\uc774 \uac04\ub2e4. \uc774 \uacbd\uc6b0, \ub2f9\uc2e0\uc740 \ud558\uc774\ub77c\uc774\ud2b8\uc640 \uac15\uc870\ub97c \uc704\ud574 \ub2e4\uc591\ud55c \uc0c9\uc0c1\uc744 \uc2e4\ud5d8\ud574 \ubcfc \uc218 \uc788\uaca0\uc9c0\ub9cc \ubca0\uc774\uc2a4\ub85c\ub294 \uc6d0\uc0c9\uc744 \uc720\uc9c0\ud558\uac8c \ub420 \uac83\uc774\ub2e4.<\/p>\n<p>\uc774\uac83\uc740 \ud2b9\uc815 \uc8fc\uc81c\uc5d0 \uad00\ud55c \ubaa8\ub4e0 \uc6f9\uc0ac\uc774\ud2b8\uac00 \uac19\uc740 \uc0c9\uc0c1\uc774\uc5b4\uc57c \ud55c\ub2e4\ub294 \ub73b\uc740 \uc544\ub2c8\ub2e4. \uac01\uac01\uc758 \uc6f9\uc0ac\uc774\ud2b8\ub294 \ud2b9\uc815 \ubaa9\ud45c\ub97c \uc9c0\ub2c8\uace0 \uc788\ub2e4. \uc0c9\uc0c1\uc740 \uc774 \ubaa9\ud45c\ub97c \ub2ec\uc131\ud558\uae30 \uc704\ud574 \uc120\ud0dd\ub418\uc5b4\uc57c \ud55c\ub2e4. \uc6b0\uc120\uc801\uc774\uace0 \uc911\uc694\ud55c \uac83\uc740 \ud504\ub85c\uc81d\ud2b8\uc758 \uc694\uad6c\ub4e4\uc774\ub2e4. \uc0c9\uc0c1\uc740 \uc8fc\ub85c \uac10\uc815\uacfc \uc5f0\uad00\ub418\uc5b4 \uc788\ub2e4. \uc0c9\uc740 \ubd84\uc704\uae30\ub97c \ucc3d\uc870\ud55c\ub2e4. \uc798\ubabb\ub41c \uc0c9\uc0c1\uc740 \ub3c5\uc790\ub85c \ud558\uc5ec\uae08 \ub2e4\ub978 \uc6f9\uc0ac\uc774\ud2b8\ub97c \ucc3e\uc544\ubcf4\ub77c\uace0 \ucad3\uc544\ub0bc \uc218\ub3c4 \uc788\ub2e4. \uc801\uc808\ud55c \uc0c9\uc0c1\uc740 \uadf8\ub4e4\uc744 \ub04c\uc5b4\ub4e4\uc5ec \uba38\ubb3c\uac8c \ud560 \uc218 \uc788\ub2e4. \uc57d\uac04\uc758 \uc0c9\uc0c1 \uc2ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc740 \ub3c4\uc6c0\uc774 \ub41c\ub2e4..<\/p>\n<h3>\uc0c9\uc0c1 \uc2ec\ub9ac<\/h3>\n<p>\uc5ec\uae30\u00a0<a href=\"http:\/\/www.vandelaydesign.com\/the-psychology-of-color-in-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vandelay Design<\/a>\uac00 \uc124\uba85\ud55c\u00a0\uc0c9\uc0c1 \uc2ec\ub9ac\uc5d0 \ub300\ud55c \uac04\ub2e8\ud55c \uac1c\uc694\uac00 \uc788\ub2e4<\/p>\n<ul>\n<li>\uac80\uc740\uc0c9, \ud770\uc0c9, \ud68c\uc0c9 \u2013 \uc784\ud329\ud2b8. \uc774\ub4e4 \uc0c9\uc0c1\uc740 \ubc30\uacbd\uc0c9\uc73c\ub85c \ud6cc\ub96d\ud558\ub2e4. \ud770\uc0c9\uc740 \uc21c\uacb0\uc744 \uc758\ubbf8\ud55c\ub2e4. \uac80\uc740\uc0c9\uacfc \ud770\uc0c9\uc740 \ud568\uaed8 \uc0ac\uc6a9\ud558\uae30\uc5d0 \uc88b\ub2e4. \ud68c\uc0c9\uc740 \uc911\ub9bd\uc801\uc774\uba70 \uc804\ud1b5\uacfc \ucc28\ubd84\ud568\uc744 \uc704\ud55c \uc88b\uc740 \uc120\ud0dd\uc774\ub2e4. \uc798\ubabb \uc0ac\uc6a9\ud560 \uacbd\uc6b0 \uc5d0\ub108\uc9c0\uac00 \ubd80\uc871\ud560 \uc218 \uc788\ub2e4. \uc774 \uc138\uac00\uc9c0 \uc0c9\uc740 \uc9c4\uc9c0\ud568\uc744 \ud45c\ud55c\ud558\uae30\uc5d0 \uc801\ud569\ud558\ub2e4.<\/li>\n<li>\uac08\uc0c9 \u2013 \uac74\uc804\ud568. \ucc28\ubd84\ud558\uace0 \uace0\uae09\uc2a4\ub7fd\ub2e4. \uc774 \uc0c9\uc740 \uc804\ud1b5\uc744 \ubcf4\uc5ec\uc8fc\uace0\uc790 \ud558\ub294 \uc0ac\uc774\ud2b8\uc758 \ubc30\uacbd\uc73c\ub85c \ud14d\uc2a4\ucc98\uc640 \ud568\uaed8 \uc0ac\uc6a9\ud558\uae30\uc5d0 \uc88b\ub2e4. \ud669\uac08\uc0c9\uc740 \uacbd\uac74\ud568\uc744 \ubcf4\uc5ec\uc900\ub2e4. \uc9c4\ud55c \uac08\uc0c9\uc740 \uc2e0\ub8b0\uc131\uc744 \ud45c\ud604\ud55c\ub2e4. \uac08\uc0c9\uc740 \uc2e0\ub8b0\uc131\uacfc \uacbd\ud5d8\uc744 \ubcf4\uc5ec\uc8fc\uace0\uc790 \ud558\ub294 \uc0ac\uc774\ud2b8\ub97c \uc704\ud574 \uc88b\uc740 \uc120\ud0dd\uc774\ub2e4.<\/li>\n<li>\uccad\uc0c9 \u2013 \ucc28\ubd84\ud568. \uc774 \uc0c9\uc740 \uc2e0\ub8b0\uc131\uacfc \uc758\uc874\uc131\uc744 \ubcf4\uc5ec\uc8fc\uace0\uc790 \ud558\ub294 \uc0ac\uc774\ud2b8\uc5d0 \uc801\ud569\ud558\ub2e4. \uc9d9\uc740 \uadf8\ub298\uc740 \uacbd\ud5d8\uacfc \uc131\uacf5\uc744 \ubcf4\uc5ec\uc900\ub2e4. \ubc1d\uc740 \uadf8\ub298\uc740 \uce5c\uadfc\ud568\uc744 \ub098\ud0c0\ub0b8\ub2e4.<\/li>\n<li>\uc801\uc0c9 \u2013 \ud765\ubd84. \uc5f4\uc815, \ud798 \uadf8\ub9ac\uace0 \ubd84\ub178\uc640 \uc5f0\uacb0\ub418\uc5b4 \uc788\ub2e4. \ub530\ub73b\ud55c \uc0c9\uc740 \uac15\uac74\ud568\uacfc \uaca9\ub824\uac00 \ub418\uace0 \ubcbd\ub3cc\uacfc \uac19\uc740 \ub2e8\ub2e8\ud55c \ud488\uc9c8\uc744 \ud45c\ud604\ud558\uace0\uc790 \ud558\ub294 \uc0ac\uc774\ud2b8\uc5d0 \uc801\ud569\ud558\ub2e4. \ubc1d\uc740 \uc0c9\uc0c1\uc740 \ud65c\uae30\uac00 \uc788\uc5b4\uc11c \uc80a\uc740\uc774\ub4e4\uc744 \ub300\uc0c1\uc73c\ub85c \ud558\ub294 \uc0ac\uc774\ud2b8\uc5d0 \uc801\ud569\ud558\ub2e4.<\/li>\n<li>\ubd84\ud64d\uc0c9 \u2013 \uc80a\uc740 \uc5ec\uc131\uc2a4\ub7ec\uc6c0. \uc7a5\ub09c\uc2a4\ub7fd\uace0 \uc21c\uc218\ud574\uc11c \uc5ec\uc131\uc744 \ub300\uc0c1\uc73c\ub85c \ud558\ub294 \uc0ac\uc774\ud2b8\uc5d0 \uc774\uc0c1\uc801\uc774\ub2e4.<\/li>\n<li>\uc624\ub80c\uc9c0 \u2013 \ud65c\uae30\uc788\uace0 \uc0ac\ub78c\ub4e4\uc744 \ub04c\uc5b4\ub2f9\uae30\ub294 \ud798\uc774 \uc788\ub2e4. \ubb34\ube0c\uba3c\ud2b8\uc640 \uc5d0\ub108\uc9c0\ub97c \ud45c\ud604\ud558\uace0\uc790 \ud558\ub294 \uc0ac\uc774\ud2b8\uc5d0 \uc88b\uc740 \uc120\ud0dd\uc774\ub2e4.<\/li>\n<li>\ub178\ub780\uc0c9 \u2013 \ud65c\ub825\uc744 \uc90c. \ub530\ub73b\ud568\uacfc \ud589\ubcf5\uacfc \uc5f0\uad00\ub418\uc5b4 \uc788\ub2e4. \ubc1d\uc740 \uadf8\ub298\uc740 \uc5b4\ub9b0\uc774\ub4e4\uc5d0\uac8c \uc801\ud569\ud558\ub2e4. \uc5b4\ub450\uc6b4 \uadf8\ub298\uc740 \uc624\ub798\ub41c \uac83\uc744 \ud45c\ubc29\ud558\uc5ec \uc9c0\ud61c\uc640 \uad00\ub828\uc774 \uc788\ub2e4. \uad8c\uc704\uc640 \uc9c0\uc131\uc744 \ub098\ud0c0\ub0b4\uae30\uc5d0 \uc801\ud569\ud558\ub2e4.<\/li>\n<li>\ub179\uc0c9 \u2013 \ucc28\ubd84\ud568\uacfc \uc80a\uc5b4\uc9d0. \uc5b4\ub450\uc6b4 \uadf8\ub298\uc740 \uae08\uc804\uacfc \uad00\ub828\uc774 \uc788\uace0 \uc131\uc7a5\uacfc \uc548\uc815\uc744 \ud45c\ud604\ud558\uace0\uc790 \ud558\ub294 \uc0ac\uc774\ud2b8\uc5d0 \uc801\ud569\ud558\ub2e4. \u00a0\ubc1d\uc740 \uadf8\ub298\uc740 \ubd04\uacfc \uad00\ub828\uc774 \uc788\uace0 \ud734\uc2dd\uacfc \uc815\uc9c1, \ub3c4\ub355\uc801 \ud45c\uc900\uc744 \ud45c\ubc29\ud558\ub294 \uc0ac\uc774\ud2b8\uc5d0 \uc801\ud569\ud558\ub2e4.<\/li>\n<li>\ubcf4\ub77c \u2013 \uace0\uacb0\ud568. \uc9c4\ud55c \ubcf4\ub77c\ub294 \ubd80\uc640 \ub7ed\uc154\ub9ac\ub97c \uc758\ubbf8\ud55c\ub2e4. \ubc1d\uc740 \uadf8\ub298\uc740 \ub85c\ub9e8\ud2f1\ud558\ub2e4.<\/li>\n<\/ul>\n<p>\ubb3c\ub860 \uc774\ub4e4 \uc0c9\uc0c1\uc740 \ubbf8\uad6d \uc774\uc678\uc758 \ubb38\ud654\uad8c\uc5d0\uc11c\ub294 \ub2e4\ub978 \uc758\ubbf8\ub97c \uac00\uc9c8 \uc218 \uc788\ub2e4. \ub2f9\uc5f0\ud55c \uc598\uae30\uc9c0\ub9cc \ub300\uc0c1\uc73c\ub85c \ud558\ub294 \uace0\uac1d\uacfc \uc5f0\uacb0\ud574\uc11c \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4.<\/p>\n<h2>\uc0ac\uc6a9 \uc608\ub97c \uc0b4\ud3b4\ubcf4\uae30<\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28126 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Looking-at-Examples.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Looking-at-Examples-300x153.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Looking-at-Examples.png 600x\" alt=\"Looking at Examples\" width=\"600\" height=\"305\" \/><\/p>\n<p>\uc544\uc774\ub514\uc5b4\ub97c \uc5bb\uc744 \uc218 \uc788\ub294 \ucd5c\uace0\uc758 \uc7a5\uc18c \uc911 \ud558\ub098\ub294 \ubc14\ub85c \ub2e4\ub978 \uc131\uacf5\uc801\uc778 \uc6f9\uc0ac\uc774\ud2b8\ub4e4\uc774\ub2e4. \uceec\ub7ec \ub9e4\uce6d\uc740 \uc815\ub2f5\uc774 \uc5c6\ub294 \uc8fc\uc81c \uc911 \ud558\ub098\uc774\uae30\ub294 \ud558\uc9c0\ub9cc \ud2b9\uc815\ud55c \ubaa9\ud45c\ub97c \ub2ec\uc131\ud558\uae30 \uc704\ud55c \ub354 \ub098\uc740 \uc120\ud0dd\uc9c0\ub4e4\uc774 \uc874\uc7ac\ud558\ub294 \uc601\uc5ed\uc774\ub2e4. \ub9ce\uc740 \uc6f9\uc0ac\uc774\ud2b8\ub4e4\uc740 \ub0a8\ub2e4\ub978 \uc811\uadfc\ubc29\uc2dd\uc744 \ucde8\ud568\uc73c\ub85c\uc368 \uc5b4\ub5a4 \uac83\ub4e4\uc774 \ud1b5\ud558\uace0 \uc5b4\ub5a4 \uac83\ub4e4\uc774 \uadf8\ub807\uc9c0 \uc54a\uc740\uc9c0\ub97c \uc54c \uc218 \uc788\ub294 \uc544\uc774\ub514\uc5b4\ub97c \uc81c\uacf5\ud55c\ub2e4. \ub300\uc911\uc801\uc778 \uc6f9\uc0ac\uc774\ud2b8\ub4e4\uc758 \uc0c9\uc0c1 \uc870\ud569\uc744 \uc0b4\ud3b4\ubd04\uc73c\ub85c\uc368 \uc5b4\ub5a0\ud55c \uc0c9\uc0c1 \ud314\ub808\ud2b8\uac00 \ud6a8\uacfc\uc801\uc778\uc9c0\ub97c \uc0b4\ud3b4\ubcf4\ub77c. \uc544\uc6b8\ub7ec \ub2f9\uc2e0\uc758 \ubd84\uc57c\uc5d0 \ud2b9\ud654\ub41c \uc0ac\uc774\ud2b8\ub4e4\uc744 \uc0b4\ud3b4\ubcf4\ub77c. \uadf8 \uc0ac\uc774\ud2b8\uac00 \uace0\uac1d\ub4e4\uc5d0\uac8c \uc815\ubcf4\ub97c \uc81c\uacf5\ud558\uae30 \uc704\ud574 \uc0ac\uc6a9\ud558\uace0 \uc788\ub294 \uc2dc\uac01\uc744 \uc774\ud574\ud558\ub824\uace0 \ub178\ub825\ud558\ub77c. \uadf8\ub4e4\uc758 \uace0\uac1d\uc774 \ub204\uad6c\uc778\uc9c0 \ud3c9\uac00\ud574\ubcf4\uace0 \uadf8 \uace0\uac1d\ub4e4\uc5d0\uac8c \uc5b4\ud544\ud558\uae30 \uc704\ud574 \uc5b4\ub5a4 \uc0c9\uc0c1 \uc2ec\ub9ac\ub97c \uc0ac\uc6a9\ud558\uace0 \uc788\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\ub77c.<\/p>\n<p>\ub610\ub2e4\ub978 \uc544\uc774\ub514\uc5b4 \ucc3d\uace0\ub294 \ub9e4\uac70\uc9c4\uc774\ub2e4. \uc0ac\uc2e4\uc0c1 \ubaa8\ub4e0 \ubd84\uc57c\uc5d0\ub294 \uad00\ub828 \uc7a1\uc9c0\uac00 \uc874\uc7ac\ud55c\ub2e4. \uadf8\ub4e4\uc758 \uc5b4\ub5bb\uac8c \ube0c\ub79c\ub529 \uceec\ub7ec\uc640 \ud398\uc774\uc9c0, \ud5e4\ub354, \ubc30\uacbd \ub4f1\ub4f1\uc744 \ub9cc\ub4e4\uc5c8\ub294\uc9c0\ub97c \uc0b4\ud3b4\ubcf4\ub77c. \ube44\ub85d \ub9e4\uc6b0 \ub2e4\ub978 \ubbf8\ub514\uc5b4\uc774\uae30\ub294 \ud558\uc9c0\ub9cc \uadf8 \ub300\uc0c1 \uace0\uac1d\uc744 \uc704\ud55c \uc0c9\uc0c1\uc740 \uc5ec\uc804\ud788 \uc720\ud6a8\ud558\ub2e4.<\/p>\n<h2>\uad6c\uae00 \uac80\uc0c9<\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28125 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Google-Search.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Google-Search-300x155.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Google-Search.png 600x\" alt=\"Google Search\" width=\"600\" height=\"309\" \/><\/p>\n<p>\uc0c9\uc0c1 \uc870\ud569\uc744 \uc54c\uc544\ubcf4\ub294 \ucd5c\uace0\uc758 \ubc29\ubc95 \uc911 \ud558\ub098\ub294 \uad6c\uae00 \uac80\uc0c9\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\uc774\ub2e4. \uac80\uc0c9\uc5b4\ub85c\ub294 \u201ccolor combinations with\u201d\uc640 \uad00\uc2ec\uc788\ub294 \uc0c9\uc0c1\uc744 \uc785\ub825\ud55c\ub2e4. \uc774\ub807\uac8c \ud558\uba74 Pinterst, ColorCombos.com \uadf8\ub9ac\uace0 Better Homes and Gardens\ub97c \ud3ec\ud568\ud55c \uac80\uc0c9 \uacb0\uacfc\ub97c \ubcf4\uc5ec\uc904 \uac83\uc774\ub2e4. \uc774\ubbf8\uc9c0 \uac80\uc0c9\uc744 \uc0ac\uc6a9\ud574\uc11c \uc218\ub9ce\uc740 \uc0c9\uc0c1 \uc870\ud569\uc758 \uc608\ub97c \ubcfc \uc218 \uc788\uc744 \uac83\uc774\ub2e4. \ub2e4\uc74c\uc5d0 \uc0b4\ud3b4\ubcf4\uaca0\uc9c0\ub9cc \uceec\ub7ec \ub9e4\uce6d \ud234\uc744 \uc0ac\uc6a9\ud574\uc11c \uc774\ubbf8\uc9c0\ub85c\ubd80\ud130 \uc0c9\uc0c1\uc744 \uac00\uc838\uc62c \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h3>\ud314\ub808\ud2b8 \uac80\uc0c9<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28124 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Google-Search-palette.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Google-Search-palette-300x135.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Google-Search-palette.png 600x\" alt=\"Google Search palette\" width=\"600\" height=\"269\" \/><\/p>\n<p>\uceec\ub7ec \ud314\ub808\ud2b8\ub97c \uac80\uc0c9\ud574 \ubcfc \uc218\ub3c4 \uc788\ub2e4. \uc885\uc885 \uceec\ub7ec \ud314\ub808\ud2b8\ub294 hex \ub610\ub294 RGB \uac12\uc744 \uc81c\uacf5\ud574\uc900\ub2e4. \uadf8\ub807\uc9c0 \uc54a\uc740 \uacbd\uc6b0, \uc0c9\uc0c1 \ucd94\ucd9c \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud574\uc11c \uceec\ub7ec\ub97c \ucc3e\uc544\ub0b4\uc11c \ud314\ub808\ud2b8\ub97c \uc7ac\uad6c\uc131\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h2>\uc0c9\uc0c1 \uc2e4\ud5d8\ud558\uae30<\/h2>\n<div id=\"attachment_28141\" class=\"wp-caption aligncenter\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border wp-image-28141 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Xterm_color_chart.png\" alt=\"Xterm_color_chart\" width=\"600\" height=\"960\" \/><\/p>\n<p class=\"wp-caption-text\">Image by Wikimedia Commons<\/p>\n<\/div>\n<p>\uc18c\uc218\uc758 \uc0c9\uc0c1\uc73c\ub85c \uc2dc\uc791\ud574\uc11c \ud3b8\ud55c\uac8c \ub290\uaef4\uc9c0\ub294\ub300\ub85c \ud558\ub098\uc529 \ucd94\uac00\ud558\ub77c. \ud568\uaed8 \uc798 \uc5b4\uc6b8\ub9ac\ub294 2\uac1c\uc758 \uc0c9\uc73c\ub85c \uc2dc\uc791\ud574\uc11c \uc138\ubc88\uc9f8 \uc0c9\uc744 \ucd94\uac00\ud558\ub77c. \ud558\ub098\uc758 \uc8fc\ub3c4\uc801\uc778 \uc0c9\uc744 \uc0ac\uc6a9\ud558\uace0 \ub2e4\ub978 \uac83\ub4e4\uc740 \ud558\uc774\ub77c\uc774\ud305\uc744 \uc704\ud574 \uc0ac\uc6a9\ud558\ub77c. \ud558\ub098\uc758 \uc0c9\uc744 \uc120\ud0dd\ud55c \ub2e4\uc74c \uadf8 \uc0c9\uc758 \uadf8\ub298 \uc0c9\uc744 \uc0ac\uc6a9\ud558\ub77c. \ud558\ub098\uc758 \uadf8\ub298\uc0c9\uc740 \ubc30\uacbd\uc73c\ub85c \ub2e4\ub978 \uadf8\ub298 \uc0c9\uc740 \ud558\uc774\ub77c\uc774\ud2b8\ub85c \uc2dc\ub3c4\ud574\ubcf4\ub77c.<\/p>\n<p>\ube44\uc988\ub2c8\uc2a4\ub294 \ud1b5\uc0c1 \ube0c\ub79c\ub529\uc5d0 \uc0ac\uc6a9\ud558\ub294 \ud558\ub098\uc758 \uc8fc\ub3c4\uc0c9\uc744 \uac16\uace0 \uc788\uc73c\ubbc0\ub85c \uadf8 \uc0c9\uc744 \uc0ac\uc6a9\ud560 \uac83\uc744 \uace0\ub824\ud574\uc57c \ud55c\ub2e4. \ud558\uc9c0\ub9cc \uadf8\uc640 \ub2e4\ub978 \uc0c9\uc744 \uac00\uc9c0\uace0 \uc2e4\ud5d8\ud558\ub294 \uac83\uc744 \ub450\ub824\uc6cc\ud558\uc9c0 \ub9d0\uc544\uc57c \ud55c\ub2e4. \ub2e4\ub9cc \uad81\uadf9\uc801\uc73c\ub85c\ub294 \ube0c\ub79c\ub529 \uce7c\ub77c\uc640 \ucda9\ub3cc\ud574\uc11c\ub294 \uc548\ub41c\ub2e4.<\/p>\n<p>\uc774 \uc9c0\uc810\uc5d0\uc11c A\/B \ud14c\uc2a4\ud2b8\ub97c \uc0ac\uc6a9\ud558\uba74 \ud3b8\ub9ac\ud558\ub2e4. \uc808\ubc18\uc758 \uace0\uac1d\ub4e4\uc5d0\uac8c\ub294 \ud558\ub098\uc758 \uc0c9\uc774 \ubcf4\uc774\uac8c \ud558\uace0 \ub2e4\ub978 \uc808\ubc18\uc758 \uace0\uac1d\ub4e4\uc5d0\uac8c\ub294 \ub610 \ub2e4\ub978 \uc0c9\uc774 \ubcf4\uc774\uac8c \ud560 \uc218 \uc788\ub2e4. \uadf8\ub9ac\uace0 \ub098\uc11c \ud1b5\uacc4\ub97c \ud1b5\ud574 \uc5b4\ub290 \uac83\uc774 \ub354 \ud6a8\uacfc\uc801\uc778\uc9c0 \ud655\uc778\ud560 \uc218 \uc788\ub2e4. A\/B \ud14c\uc2a4\ud305\uc740 Divi 2.7\uc5d0\uc11c \ucd94\uac00\ub420 \uae30\ub2a5\uc774\ub2e4. \uc774\uac83\uc740 \uc2e4\ud5d8\uc744 \uc704\ud574 \ub6f0\uc5b4\ub09c \ub3c4\uad6c\uac00 \ub420 \uac83\uc774\ub2e4.<\/p>\n<h2>\ub300\uc870 \uc2e4\ud5d8\ud558\uae30<\/h2>\n<div id=\"attachment_28183\" class=\"wp-caption alignnone\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border wp-image-28183 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/color-contrast.jpg\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/color-contrast-150x150.jpg 150x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/color-contrast-300x300.jpg 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/color-contrast.jpg 600x\" alt=\"Image by -Albachiaraa- \/ shutterstock.com \" width=\"600\" height=\"600\" \/><\/p>\n<p class=\"wp-caption-text\">Image by -Albachiaraa- \/ shutterstock.com<\/p>\n<\/div>\n<p>\ub300\uc870\ub294 \uc0c9\uc0c1\ub4e4\uc774 \uc11c\ub85c \ub300\ub9bd\ud574\uc11c \ub3cb\ubcf4\uc774\uac8c \ud55c\ub2e4. \ud765\ubbf8\ub85c\uc6b4 \ub300\uc870\ub97c \uac00\uc9c0\uace0 \uc788\ub294 \uc0c9\uc0c1\ub4e4\uc744 \uc120\ud0dd\ud558\ub77c. \ub9cc\uc77c \ub300\uc870\uac00 \ucda9\ubd84\ud558\uc9c0 \uc54a\uc740 \uc0c9\uc744 \uc0ac\uc6a9\ud558\uba74 \ubcf8\ubb38\uc744 \uc77d\uae30 \uc5b4\ub835\uac8c \ub9cc\ub4e4\uace0 \ub3c5\uc790\uc758 \ub208\uc744 \ud53c\uace4\ud558\uac8c \ud560 \uac83\uc774\ub2e4. \ub9cc\uc77c \ub108\ubb34 \ub9ce\uc740 \ub300\uc870, \ub610\ub294 \uc798\ubabb\ub41c \ub300\uc870\ub97c \uc0ac\uc6a9\ud560 \uacbd\uc6b0\uc5d0\ub294 \ubcf4\uae30\uc5d0 \uc548\uc88b\uae30 \ub54c\ubb38\uc5d0 \ub3c5\uc790\ub4e4\uc740 \ub3cc\uc544\uc124 \uac83\uc774\ub2e4. \uc81c\ub300\ub85c \uc0ac\uc6a9\ub41c \ub300\uc870\ub294 \ub3c5\uc790\ub4e4\uc758 \uc8fc\uc758\ub97c \uc774\ub04c\uc5b4 \ub0bc \uc218 \uc788\ub2e4. \ub300\uc870\ub294 \ubc84\ud2bc, \ub9c1\ud06c, \uc544\uc774\ucf58 \ub4f1\ub4f1\uc5d0 \uc0ac\uc6a9\ub418\uc5b4\uc57c \ud55c\ub2e4. \ub300\uc870\ub294 \uc0ac\uc6a9\uc790\ub4e4\uc744 Call-to-action\uc73c\ub85c \uc548\ub0b4\ud558\ub294 \uc88b\uc740 \ub3c4\uad6c\uc774\ub2e4.<\/p>\n<h2>\uceec\ub7ec \ub9e4\uce6d \ud14c\ud06c\ub2c9\uc744 \uc5f0\uc2b5\ud558\uae30 \uc704\ud55c \ub3c4\uad6c\ub4e4<\/h2>\n<p>\uceec\ub7ec \ud314\ub808\ud2b8\uc640 \uc0c9\uc0c1 \uc870\ud569\uc744 \ub3c4\uc640\uc8fc\ub294 \ub9ce\uc740 \ub3c4\uad6c\ub4e4\uc774 \uc788\ub2e4. \ub2f9\uc2e0\uc774 \ud558\ub098\uc758 \uc0c9\uc744 \uc120\ud0dd\ud558\uba74 \uc774\uc5d0 \ub9de\ub294 \ub300\uc870 \uc0c9\uc0c1\uacfc \ube14\ub80c\ub529 \uc0c9\uc0c1\uc744 \uc54c\ub824\uc900\ub2e4. \ub180\ub78d\uc9c0\ub3c4 \uc54a\uac8c \ub9ce\uc740 \ubb34\ub8cc \uc628\ub77c\uc778 \ub3c4\uad6c\ub4e4\uc774 \ud2b9\ubcc4\ud788 \uad6c\uae00\uc758 Material Design\uc744 \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc838\uc788\ub2e4. \ub610\ud55c \uba87\uac1c\uc758 \ud6cc\ub96d\ud55c \uc774\ubbf8\uc9c0 \ud3b8\uc9d1 \uc571\ub4e4\ub3c4 \uc788\ub2e4. \uc5ec\uae30\uc5d0 \uba87\uac1c\uc758 \uac00\uc7a5 \uc778\uae30\uc788\ub294, \uadf8\ub9ac\uace0 \uc57d\uac04\uc758 \ud504\ub85c\ud398\uc154\ub110 \uae30\ub2a5\uc744 \uac16\ucd94\uace0 \uc788\ub294 \uba87\uac1c\uc758 \ubb34\ub8cc \uc571\ub4e4\uc744 \uc18c\uac1c\ud55c\ub2e4.<\/p>\n<h3><a href=\"https:\/\/www.google.com\/design\/spec\/style\/color.html\" target=\"_blank\" rel=\"noopener noreferrer\">Material Design Color Palettes<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28128 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Color-Palettes.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Color-Palettes-300x171.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Color-Palettes.png 600x\" alt=\"Material Design Color Palettes\" width=\"600\" height=\"341\" \/><\/p>\n<p>\uad6c\uae00\uc5d0\uc11c \uc81c\uacf5\ud558\uace0 \uc788\ub294 \uc804\uccb4 \uc138\ud2b8\uc758 \uceec\ub7ec \ud314\ub808\ud2b8. \uc548\ub4dc\ub85c\uc774\ub4dc, \uc6f9 \uadf8\ub9ac\uace0 iOS\ub97c \uc704\ud574 \ub9c8\ub828\ub41c \uc8fc \uc0c9\uc0c1\uacfc \uac15\uc870\ub97c \uc704\ud55c \ub9e4\uce6d \uc0c9\uc0c1\ub4e4\uc744 \uc81c\uacf5\ud55c\ub2e4.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28127 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Color-Palettes-2.png\" sizes=\"(max-width: 586px) 100vw, 586px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Color-Palettes-2-189x300.png 189x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Color-Palettes-2.png 586x\" alt=\"Material Design Color Palettes 2\" width=\"586\" height=\"929\" \/><\/p>\n<p>\uac01\uac01\uc758 \uc0c9\uc0c1\uc740 hex \uac12\uc744 \uc81c\uacf5\ud55c\ub2e4. \ub610\ud55c \uc0d8\ud50c\uc744 \uc81c\uacf5\ud558\uae30 \ub54c\ubb38\uc5d0 \uc774\ub4e4\uc774 \uc5b4\ub5bb\uac8c \ud568\uaed8 \uc791\ub3d9\ud558\ub294\uc9c0\ub97c \ubcfc \uc218 \uc788\ub2e4. \uc5ec\uae30\uc5d0\ub294 \ubc1d\uc740 \uc0c9, \uc5b4\ub450\uc6b4 \uc0c9\uacfc \ub2e4\uc591\ud55c \ud22c\uba85\ub3c4\ub97c \uac00\uc9c4 \ubcc0\ud615\uc0c9\uc0c1\ub4e4\uc744 \ud3ec\ud568\ud55c\ub2e4. \ub2f9\uc2e0\uc740 Android\ub97c \uc704\ud55c \uceec\ub7ec \ud314\ub808\ud2b8\ub97c \ucee4\uc2a4\ud130\ub9c8\uc774\uc988(<a href=\"http:\/\/developer.android.com\/training\/material\/theme.html#ColorPalette\" target=\"_blank\" rel=\"noopener noreferrer\">customize<\/a>)\ud560 \uc218 \uc788\ub2e4.\u00a0\ud3ec\ud1a0\uc0f5\uacfc \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\ud130\ub97c \uc704\ud55c \uceec\ub7ec \uc2a4\uc640\uce58\ub97c \uc555\ucd95\ud30c\uc77c\ub85c\u00a0<a href=\"https:\/\/www.google.com\/design\/spec\/resources\/color-palettes.html\" target=\"_blank\" rel=\"noopener noreferrer\">download<\/a>\u00a0\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h3><a href=\"https:\/\/www.materialpalette.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Material Palette<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28132 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Palette.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Palette-300x152.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Palette.png 600x\" alt=\"Material Palette\" width=\"600\" height=\"303\" \/><\/p>\n<p>Material Palette\ub294 \uad6c\uae00\uc758\u00a0Material Design\uc744 \uc704\ud574 \ub9cc\ub4e0 \uc628\ub77c\uc778 \uceec\ub7ec \uc0dd\uc131\uae30\uc774\ub2e4.\u00a0\uc6f9\uc0ac\uc774\ud2b8\ub97c \uc704\ud55c \uc0c9\uc0c1\u00a0\uc120\ud0dd\uc744 \ub3c4\uc640\uc900\ub2e4.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28131 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Palette-2.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Palette-2-300x151.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Palette-2.png 600x\" alt=\"Material Palette 2\" width=\"600\" height=\"302\" \/><\/p>\n<p>\ub450\uac00\uc9c0\uc758 \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\uba74 \uc774\ub4e4 \uc0c9\ub4e4\uacfc \uc5b4\uc6b8\ub9ac\ub294 \uceec\ub7ec \ud314\ub808\ud2b8\ub97c \ubcf4\uc5ec\uc900\ub2e4. \uc5ec\uae30\uc5d0\ub294 \ub2e4\uc74c \uc694\uc18c\ub4e4\uc774 \ud3ec\ud568\ub41c\ub2e4.:<\/p>\n<ul>\n<li>Dark primary<\/li>\n<li>Primary<\/li>\n<li>Light primary<\/li>\n<li>Text\/icons<\/li>\n<li>Accent<\/li>\n<li>Primary text<\/li>\n<li>Secondary text<\/li>\n<li>Divider<\/li>\n<\/ul>\n<p>\uc774\uac83\uc740 \uc5b4\ub5a4 \uae30\ub2a5\uc744 \uc704\ud574 \uc5b4\ub5a4 \uc0c9\uc744 \uc0ac\uc6a9\ud574\uc57c \ud560\uc9c0\ub97c \ucd94\uce21\ud558\ub294 \uc77c\uc744 \uc904\uc5ec\uc900\ub2e4. \ub300\uc870\ub97c \uc6d0\ud558\uc9c0 \uc54a\uc744 \uacbd\uc6b0\uc5d0\ub294 \ud558\ub098\uc758 \uc0c9\uc744 \uaebc\ub3c4 \ub41c\ub2e4. \uc790\uc2e0\uc758 \ud314\ub808\ud2b8\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uace0 \uc18c\uc15c\ubbf8\ub514\uc5b4\uc5d0 \uacf5\uc720\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h3><a href=\"https:\/\/www.materialui.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Material UI<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28133 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-UI.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-UI-300x152.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-UI.png 600x\" alt=\"Material UI\" width=\"600\" height=\"303\" \/><\/p>\n<p>Material UI \ub294 Material Design, Flat Design\uacfc \uc18c\uc15c \ubbf8\ub514\uc5b4\uc744 \uc704\ud55c \ub3c4\uad6c\ub4e4\uc758 \ubaa8\uc74c\uc774\ub2e4. \uac01\uac01\uc758 \ubaa9\uc801\uc5d0 \ub9de\ub294 \uc0c9\uc0c1\ub4e4\uc758 \ubaa9\ub85d\uc744 \uc81c\uacf5\ud558\uace0 hex \ub610\ub294 RGB\uac12\uc744 \uc27d\uac8c \ucc3e\uc744 \uc218 \uc788\ub2e4. \uac01\uac01\uc5d0 \ub300\ud55c \uac04\ub7b5\ud55c \uc124\uba85\uc740 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n<h4><a href=\"https:\/\/www.materialui.co\/colors\" target=\"_blank\" rel=\"noopener noreferrer\">Material Design Colors<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28130 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Colors.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Colors-300x151.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Colors.png 600x\" alt=\"Material Design Colors\" width=\"600\" height=\"302\" \/><\/p>\n<p>Material Design Colors\ub294 MaterialUI\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ub3c4\uad6c\ub85c\uc11c \ub2f9\uc2e0\uc774 \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\uba74 \uadf8\uac83\uc774 \uc5b4\ub5bb\uac8c \uc801\uc6a9\ub418\ub294\uc9c0\ub97c \ubcf4\uc5ec\uc8fc\ub294 \ub3c4\uad6c\uc774\ub2e4. \u00a0\uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\uba74 \uc0c9\uc0c1\uac12\uc744 \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ud574\uc900\ub2e4. \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud55c \ud6c4\uc5d0\ub294 Palette Creator\ub97c \ud074\ub9ad\ud55c\ub2e4.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28129 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Colors-2.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Colors-2-300x151.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Material-Design-Colors-2.png 600x\" alt=\"Material Design Colors 2\" width=\"600\" height=\"302\" \/><\/p>\n<p>\uc774\uac83\uc740 \ub2f9\uc2e0\uc758 \uceec\ub7ec \ud314\ub808\ud2b8\uac00 \ubaa8\ubc14\uc77c \uae30\uae30\uc5d0\uc11c \uc5b4\ub5bb\uac8c \ubcf4\uc5ec\uc9c8\uc9c0\ub97c \ubcf4\uc5ec\uc900\ub2e4. \uceec\ub7ec \ud314\ub808\ud2b8 \uc0c1\uc758 \uc0c9\uc0c1\uc744 \ubcc0\uacbd\ud558\uba74 \uc774\uac83\ub4e4\uc774 \ud568\uaed8 \uc5b4\ub5bb\uac8c \ubcf4\uc5ec\uc9c8 \uac83\uc778\uc9c0\ub97c \ubcf4\uc5ec\uc900\ub2e4. \uc8fc\ub41c \uc0c9\uc0c1\uacfc \uac15\uc870 \uc0c9\uc0c1\uc744 \ubcf4\uc5ec\uc8fc\uace0 hex \ub610\ub294 \u00a0RGB \uac12\uc744 \uc81c\uacf5\ud558\ubbc0\ub85c Material Design\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub354\ub77c\ub3c4 \ud574\ub2f9 \uc0c9\uc0c1\ub4e4\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4. \uc6d0\ud558\uba74 \uc0c9\uc0c1 \ud314\ub808\ud2b8\ub97c \uc18c\uc15c \ubbf8\ub514\uc5b4\uc5d0 \uacf5\uc720\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h4><a href=\"https:\/\/www.materialui.co\/flatuicolors\" target=\"_blank\" rel=\"noopener noreferrer\">Flat UI Colors<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28122 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Flat-UI-Colors.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Flat-UI-Colors-300x152.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Flat-UI-Colors.png 600x\" alt=\"Flat UI Colors\" width=\"600\" height=\"303\" \/><\/p>\n<p>MaterialUI\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ub3c4\uad6c\ub85c\uc11c Flat Design\uc5d0 \uc0ac\uc6a9\ud560 \uc0c9\uc0c1 \ub9ac\uc2a4\ud2b8\ub97c \uc81c\uacf5\ud55c\ub2e4. \uad00\uc2ec\uc788\ub294 \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\uba74 hex \ub610\ub294 RGB \uac12\uc774 \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ub41c\ub2e4. \uc0c9\uc0c1\ub4e4\uc774 \uc5b4\ub5bb\uac8c \uc11c\ub85c \uc791\uc6a9\ud558\uace0 \ub300\uc870\ub97c \uc774\ub8e8\ub294\uc9c0 \ubcfc \uc218 \uc788\ub2e4.<\/p>\n<h4><a href=\"https:\/\/www.materialui.co\/socialcolors\" target=\"_blank\" rel=\"noopener noreferrer\">Social Colors<\/a><\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28140 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Social-Colors.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Social-Colors-300x151.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Social-Colors.png 600x\" alt=\"Social Colors\" width=\"600\" height=\"302\" \/><\/p>\n<p>MaterialUI \uc5d0\uc11c \uc81c\uacf5\ud558\ub294 Social Colors\ub294 Flat UI Colors\uc640 \uac19\uc740 \ubc29\uc2dd\uc73c\ub85c \uc791\ub3d9\ud55c\ub2e4. \uc6d0\ud558\ub294 \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\uba74 hex\uac12\uc774\ub098 RGB\uac12\uc744 \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ud574\uc900\ub2e4. \uc0c9\uc0c1\uc740 \uadf8\uac83\ub4e4\uc774 \uc0ac\uc6a9\ub418\ub294 \uc18c\uc15c \ub124\ud2b8\uc6cc\ud06c\uc758 \uc774\ub984\ub4e4\uc774 \ub808\uc774\ube14\ub9c1\ub418\uc5b4 \uc788\ub2e4. \uc774 \ub808\uc774\uc544\uc6c3\uc740 \uc774\ub4e4 \uc0c9\uc0c1\ub4e4\uc774 \uc5b4\ub5bb\uac8c \uc0ac\uc6a9\ub418\ub294\uc9c0\ub97c \ubcf4\uc5ec\uc8fc\ub294 \uc88b\uc740 \uc9c0\uce68\uc744 \uc81c\uacf5\ud55c\ub2e4.<\/p>\n<h3><a href=\"http:\/\/www.colorblender.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">ColorBlender<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28121 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/ColorBlender.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/ColorBlender-300x124.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/ColorBlender.png 600x\" alt=\"ColorBlender\" width=\"600\" height=\"247\" \/><\/p>\n<p>ColorBlender \ub294 RGB \uc2ac\ub77c\uc774\ub354\ub97c \uc0ac\uc6a9\ud574 \uceec\ub7ec \ud314\ub808\ud2b8\ub97c \uc0dd\uc131\ud558\uac8c \ud574\uc900\ub2e4. \ubbf8\ub9ac \uc900\ube44\ub41c \ud314\ub808\ud2b8\ub97c \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\uace0 \uc6d0\ud558\ub294 \ub300\ub85c \uc218\uc815\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\ub2e4. Auto match \ubaa8\ub4dc\uac00 \uc788\uc5b4\uc11c \uc8fc \uc0c9\uc0c1\uc744 \ubcc0\uacbd\ud558\uba74 \uc774\uc5d0 \ub530\ub77c \uc790\ub3d9\uc73c\ub85c \uac15\uc870 \uc0c9\uc0c1\uc744 \uc870\uc815\ud574\uc900\ub2e4. Direct mode\uc5d0\uc11c\ub294 \uc0c9\uc0c1\uc744 \ub3c5\uc790\uc801\uc73c\ub85c \ubcc0\uacbd\ud560 \uc218 \uc788\ub2e4. \uc77c\ub2e8 \uc0c9\uc0c1\uc774 \ub9c8\uc74c\uc5d0 \ub4e4\uba74 \ube14\ub80c\ub4dc\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uc5ec \ud3ec\ud1a0\uc0f5, \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\ud130\uc6a9\uc73c\ub85c \ub2e4\uc6b4\ub85c\ub4dc \ud560 \uc218\ub3c4 \uc788\uace0 \ub2e8\uc21c\ud788 HTML\uacfc RGB\uac12\uc744 \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\ub2e4. \uc774\uba54\uc77c\ub85c \ubcf4\ub0bc \uc218\ub3c4 \uc788\ub2e4. \ube14\ub80c\ub4dc \ub0b4\uc758 \ud2b9\uc815 \uc0c9\uc0c1\uc774 \ub9c8\uc74c\uc5d0 \ub4e4\uba74 \uadf8 \uc0c9\uc744 \uc8fc \uc0c9\uc0c1\uc73c\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294\ub370 \ub098\uba38\uc9c0\ub294 \uac70\uae30\uc5d0 \ub9de\ucdb0 \ub9e4\uce58\ub41c\ub2e4. \ub610\ud55c Pantone match\ub97c \uc81c\uc548\ud574\uc8fc\uae30\ub3c4 \ud55c\ub2e4. \ube14\ub80c\ub4dc\ub294 \uc800\uc7a5\ud574 \ub450\uc5c8\ub2e4\uac00 \ub098\uc911\uc5d0 \ubd88\ub7ec\uc62c \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h3><a href=\"http:\/\/paletton.com\/#uid=14Q0u0kllllaFw0g0qFqFg0w0aF\" target=\"_blank\" rel=\"noopener noreferrer\">Paletton<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28136 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paletton.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paletton-300x199.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paletton.png 600x\" alt=\"Paletton\" width=\"600\" height=\"398\" \/><\/p>\n<p>Paletton \uc740 \ud765\ubbf8\ub85c\uc6b4 \uceec\ub7ec \ud720\uc744 \uc81c\uacf5\ud558\ub294\ub370 \uc5ec\ub7ec \uac00\uc9c0 \ubc29\ubc95\uc744 \ud1b5\ud574 \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\uac8c \ud574\uc900\ub2e4. \uc8fc \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\uba74 \uac15\uc870 \uc0c9\uc0c1\uacfc 2\ucc28 \uc0c9\uc0c1\uc744 \ud3ec\ud568\ud55c \uc0c9\uc0c1 \ud328\ubc00\ub9ac\ub97c \ubcf4\uc5ec\uc900\ub2e4. \ub9c8\uc6b0\uc2a4\ub97c \uc704\uc5d0 \uc62c\ub9ac\uba74 hex \uac12\uc744 \ubcf4\uc5ec\uc900\ub2e4.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28135 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paletton-2.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paletton-2-300x223.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paletton-2.png 600x\" alt=\"Paletton 2\" width=\"600\" height=\"446\" \/><\/p>\n<p>\uceec\ub7ec \ud314\ub808\ud2b8\ub97c \ud504\ub9ac\ubdf0\ud558\uace0 \uc120\ud0dd\ud55c \uc0c9\uc0c1\uc774 \uc801\uc6a9\ub41c \uc6f9\uc0ac\uc774\ud2b8 \uc608\ub97c \ubcfc \uc218\ub3c4 \uc788\ub2e4. \ubc1d\uc740 \uc0c9\uacfc \uc5b4\ub450\uc6b4 \uc0c9, \uae0d\uc815\uc801\uc778 \uc0c9\uacfc \ubd80\uc815\uc801\uc778 \uc0c9\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\ub2e4. \uc560\ub2c8\uba54\uc774\uc158\uacfc \uc544\ud2b8\uc6cc\ud06c\ub97c \ubcf4\uc5ec\uc8fc\uae30\ub3c4 \ud55c\ub2e4. \uac01\uac01\uc758 \uc120\ud0dd\uc740 \ubcf5\uc218 \uc120\ud0dd\uc774 \uac00\ub2a5\ud558\ub2e4. \uc774\uac83\uc740 \uc9c1\uc811 \ud14c\ub9c8\ub97c \uc218\uc815\ud558\uc9c0 \uc54a\uace0\ub3c4 \uc6cc\ub4dc\ud504\ub808\uc2a4 \ud14c\ub9c8 \uc548\uc5d0\uc11c \uc0c9\uc0c1\ub4e4\uc774 \uc5b4\ub5bb\uac8c \ubcf4\uc5ec\uc9c8 \uac83\uc778\uc9c0\ub97c \ubcfc \uc218 \uc788\uac8c \ud574\uc8fc\ub294 \ub6f0\uc5b4\ub09c \ub3c4\uad6c\uc774\ub2e4.<\/p>\n<h3><a href=\"https:\/\/color.adobe.com\/create\/color-wheel\/\" target=\"_blank\" rel=\"noopener noreferrer\">Adobe Color CC<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28118 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Adobe-Color-CC.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Adobe-Color-CC-300x153.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Adobe-Color-CC.png 600x\" alt=\"Adobe Color CC\" width=\"600\" height=\"305\" \/><\/p>\n<p>Adobe Color CC \ub294 \uc8fc \uc0c9\uc0c1\uc744 \ubcc0\uacbd\ud558\ub294 \ub370\uc5d0 \ub530\ub77c \uac15\uc870 \uc0c9\uc0c1\uc758 \uac12\uc744 \ubcc0\uacbd\uc2dc\ucf1c\uc8fc\ub294 \uc778\ud130\ub799\ud2f0\ube0c \uceec\ub7ec \ud720\uc774\ub2e4. \uc8fc \uc0c9\uc0c1\uc744 \uadf8\ub300\ub85c \ub450\uba74\uc11c \uac15\uc870 \uc0c9\uc0c1\uc744 \ubcc0\uacbd\ud560 \uc218\ub3c4 \uc788\ub2e4. \ub2e4\ub978 \ubaa8\ub4e0 \uac12\ub4e4\uc740 \ub9e4\uce6d\uac12\uc5d0 \ub530\ub77c \uc790\ub3d9\uc801\uc73c\ub85c \ubcc0\uacbd\ub41c\ub2e4. 7\uac1c\uc758 \uc11c\ub85c \ub2e4\ub978 \ub9e4\uce6d \ub8f0\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\ub2e4. \uc5ec\uae30\uc5d0\ub294 \uac01\uac01\uc758 \uc0c9\uc744 \ub3c5\ub9bd\uc801\uc73c\ub85c \ubcc0\uacbd\uc2dc\ud0ac \uc218 \uc788\ub294 \ucee4\uc2a4\ud140 \ubaa8\ub4dc\ub3c4 \ud3ec\ud568\ub41c\ub2e4. \uac01\uac01\uc758 \uc0c9\uc0c1\uc5d0 \ub300\ud574\uc11c hex \ub610\ub294 RGB \uac12\uc774 \uc81c\uacf5\ub41c\ub2e4. \uc120\ud0dd\ud55c \uc0c9\uc0c1\uc744 \uc800\uc7a5\ud588\ub2e4\uac00 \ub098\uc911\uc5d0 \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28117 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Adobe-Color-CC-2.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Adobe-Color-CC-2-300x152.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Adobe-Color-CC-2.png 600x\" alt=\"Adobe Color CC 2\" width=\"600\" height=\"303\" \/><\/p>\n<p>\ud0d0\uc0c9 \ub3c4\uad6c(Explore tool)\uac00 \uc81c\uacf5\ub418\uc5b4 \ubbf8\ub9ac \ub9cc\ub4e4\uc5b4\uc9c4 \uceec\ub7ec \ud314\ub808\ud2b8\ub4e4\uc744 \ubcf4\uace0 \ube44\uad50\ud558\uace0 \ud3b8\uc9d1\ud558\uace0 \uc800\uc7a5\ud560 \uc218 \uc788\ub2e4.<\/p>\n<h3><a href=\"http:\/\/www.ginifab.com\/feeds\/pms\/pms_color_in_image.php\" target=\"_blank\" rel=\"noopener noreferrer\">Pick Color from Image<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28138 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Pick-Color-from-Image.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Pick-Color-from-Image-300x205.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Pick-Color-from-Image.png 600x\" alt=\"Pick Color from Image\" width=\"600\" height=\"409\" \/><\/p>\n<p>Pick Color from Image &amp; Matching PMS Colors \ub294 \ud765\ubbf8\ub85c\uc6b4 \ub3c4\uad6c\uc774\ub2e4. \ub85c\uace0\ub97c \uc5c5\ub85c\ub4dc\ud558\uba74 Pantone \uceec\ub7ec\ub97c \uc5bb\uc744 \uc218 \uc788\ub2e4. \uac00\uc7a5 \uadfc\uc811\ud55c PMS \uceec\ub7ec\ub97c \uc81c\uacf5\ud574\uc8fc\uae30\ub3c4 \ud558\ubbc0\ub85c Pantone \uceec\ub7ec\uc5d0 \ub300\ud55c \ubcc0\ud615\uc744 \ubcfc \uc218 \uc788\ub2e4. \ucd94\uac00\uc801\uc73c\ub85c \uceec\ub7ec \ud720\uc5d0\uc11c \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud558\uc5ec \uac00\uc7a5 \uadfc\uc811\ud55c PMS \uceec\ub7ec\ub97c \uc5bb\uc744 \uc218\ub3c4 \uc788\ub2e4. \ub2f9\uc2e0\uc774 Photoshop\uc774\ub098 Illustrator\ub97c \uac00\uc9c0\uace0 \uc788\uc9c0 \uc54a\ub2e4\uba74 \ub85c\uace0 \uc774\ubbf8\uc9c0\ub97c \uc5c5\ub85c\ub4dc\ud558\ub294 \uac83\uc740 \uceec\ub7ec \uac12\uc744 \uc5bb\uc744 \uc218 \uc788\ub294 \uc720\uc6a9\ud55c \ubc29\ubc95\uc774\ub2e4. \ub4dc\ub85c\ud37c \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\ub294 \uc5b4\ub3c4\ube44\uc5d0 \ub300\ud55c \ub300\uc548\uc740 \uba87 \uac00\uc9c0 \uc788\ub2e4.<\/p>\n<h3><a href=\"http:\/\/www.getpaint.net\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Paint.NET<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28134 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paint.NET_.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paint.NET_-300x161.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Paint.NET_.png 600x\" alt=\"Paint.NET\" width=\"600\" height=\"322\" \/><\/p>\n<p>Paint.NET \uc740 \uba87\uba87 \uace0\uae09 \uae30\ub2a5\uc744 \uac16\ucd98 PC\uc6a9 \ubb34\ub8cc \uc774\ubbf8\uc9c0 \ud3b8\uc9d1 \uc571\uc774\ub2e4. \uc6d0\ud558\ub294 \uc0c9\uc0c1\uc774 \uc788\ub294\ub370 RGB \ub610\ub294 hex \uac12\uc744 \ubaa8\ub978\ub2e4\uba74 \uac04\ub2e8\ud788 \uc774\ubbf8\uc9c0\ub97c \ubcf5\uc0ac\ud574\uc11c Paint.NET\uc5d0 \ubd99\uc5ec\ub123\uace0 color-picker\ub97c \uc120\ud0dd\ud55c \ud6c4 \uc6d0\ud558\ub294 \uc0c9\uc0c1 \ubd80\ubd84\uc744 \ud074\ub9ad\ud558\uba74 \ub41c\ub2e4. \uadf8 \uc0c9\uc0c1\uc740 \uc8fc \uc0c9\uc0c1\uc774 \ub418\uace0 RGB\uc640 hex \uac12\uc774 \uc81c\uacf5\ub420 \uac83\uc774\ub2e4. 2\ucc28 \uc0c9\uc0c1\ub3c4 \uc120\ud0dd\ud558\uace0 \ub098\uc911\uc5d0 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \uceec\ub7ec \ud314\ub808\ud2b8\ub97c \uc800\uc7a5\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h3><a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gimp<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28123 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Gimp.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Gimp-300x161.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Gimp.png 600x\" alt=\"Gimp\" width=\"600\" height=\"322\" \/><\/p>\n<p>Gimp\ub294 \uc708\ub3c4\uc6b0, OS X, \ub9ac\ub205\uc2a4\uc640 \uadf8\uc678\uc758 \uc6b4\uc601\uccb4\uc81c\ub97c \uc704\ud55c \ubb34\ub8cc \uc571\uc73c\ub85c\uc11c \uceec\ub7ec \ud53d\ucee4, \ud314\ub808\ud2b8 \ube4c\ub529\ud234\uacfc \uac19\uc740 \uace0\uae09 \uae30\ub2a5\uc744 \uac16\ucd94\uace0 \uc788\ub2e4. \uceec\ub7ec\ub97c \uc5bb\uace0\uc790 \ud558\ub294 \uc774\ubbf8\uc9c0\ub97c \ubd99\uc5ec\ub123\uae30 \ud55c \ub2e4\uc74c \uceec\ub7ec \ud53d\ucee4\ub97c \uc120\ud0dd\ud558\uace0 \ud574\ub2f9 \uceec\ub7ec\ub97c \uc120\ud0dd\ud558\uba74 \ub41c\ub2e4. \uceec\ub7ec \ud314\ub808\ud2b8\ub97c \ub9cc\ub4e4\uace0 \uc7ac\uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\ub2e4.<\/p>\n<h3><a href=\"http:\/\/www.photoshop.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28137 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Photoshop.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Photoshop-300x163.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Photoshop.png 600x\" alt=\"Photoshop\" width=\"600\" height=\"325\" \/><\/p>\n<p>Adobe\u2019s Photoshop \uc740 \uc2dc\uac01 \ub514\uc790\uc778 \ub3c4\uad6c\uc758 \ud45c\uc900\uc774\ub2e4. \uc708\ub3c4\uc6b0\uc640 \ub9e5\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc73c\uba70 \uc0ac\uc2e4\uc0c1 \uc0c1\uc0c1\ud560 \uc218 \uc788\ub294 \ubaa8\ub4e0 \uceec\ub7ec \ub9e4\uce6d\uacfc \uc870\uc815 \uae30\ub2a5\uc744 \uac16\ucd94\uace0 \uc788\ub2e4. \uc0ac\uc6a9\uc790 \uc815\uc758 \uc778\ub371\uc2a4 \ud14c\uc774\ube14\uacfc \uc544\uc774\ub4dc\ub85c\ud37c, \uc790\uc2e0\ub9cc\uc758 \ud314\ub808\ud2b8, \uc2a4\uc640\uce58 \ub4f1\ub4f1\uc744 \ub9cc\ub4e4 \uc218 \uc788\ub2e4. \uc0d8\ud50c\ub9c1\ud55c \uc0c9\uc0c1\uc744 \uc804\uacbd \uc704\uc5d0\uc11c \ubbf8\ub9ac\ubcf4\uae30 \ud560 \uc218 \uc788\ub2e4. RGB, hex, HSB, Lab, \uadf8\ub9ac\uace0 CMYK \ubc29\uc2dd\uc73c\ub85c \uc0c9\uc0c1\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\ub2e4. \uceec\ub7ec \ud53c\ucee4\ub294 \uc5b4\ub290 \uc2dc\uc2a4\ud15c\uc5d0\uc11c\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 216 \uc0c9\uc0c1\uc744 \uc81c\uacf5\ud558\ub294 web-safe \uae30\ub2a5\uc744 \uc81c\uacf5\ud55c\ub2e4. \uac00\uc7a5 \ube44\uc6a9\uc774 \ub9ce\uc774 \ub4dc\ub294 \uc635\uc158\uc774\uc9c0\ub9cc \uc774\uac83\uc73c\ub85c \ud560 \uc218 \uc5c6\ub294 \uac83\uc744 \uc0c1\uc0c1\ud788\uae30 \uc5b4\ub824\uc6b4 \ud504\ub85c\ud398\uc154\ub110 \ub3c4\uad6c\uc774\ub2e4.<\/p>\n<h3><a href=\"https:\/\/www.sketchapp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sketch<\/a><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter wp-image-28139 size-full\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Sketch.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Sketch-300x154.png 300x, http:\/\/www.elegantthemes.com\/blog\/wp-content\/uploads\/2016\/02\/Sketch.png 600x\" alt=\"Sketch\" width=\"600\" height=\"307\" \/><\/p>\n<p>Sketch \ub294 \uace0\uae09 \ub514\uc790\uc778 \uae30\ub2a5\uc744 \ub9ce\uc774 \uac16\ucd98 \ub9e5\uc6a9 \ub514\uc790\uc774\ub108 \ub3c4\uad6c\uc774\ub2e4. \ud655\ub300\uac00\ub2a5\ud55c \ubca1\ud130\ub97c \ub9cc\ub4e4\uace0 \uc7ac\uc0ac\uc6a9 \uac00\ub2a5\ud55c UI \uc694\uc18c\ub97c \ub9cc\ub4e4\uae30\uc5d0 \uc644\ubcbd\ud558\ub2e4. \ub0b4\uc7a5 \uceec\ub7ec \ud53c\ucee4\uac00 \uc788\uc5b4\uc11c \uc5b4\ub290 \uc0ac\uc9c4\uc73c\ub85c\ubd80\ud130\ub4e0 \uc790\uc2e0\ub9cc\uc758 \ud314\ub808\ud2b8\ub97c \ub9cc\ub4e4 \uc218 \uc788\ub2e4. \uc218\ub9ce\uc740 \uc11c\ub4dc\ud30c\ud2f0 \uc5d1\uc2a4\ud150\uc158\uc774 \uc0ac\uc6a9\uac00\ub2a5\ud558\uba70 \uc774\uc911 \uc5b4\ub5a4 \uac83\uc740 \uceec\ub7ec \ud314\ub808\ud2b8\ub97c \uc800\uc7a5\ud558\uace0 \uc7ac\uc0ac\uc6a9\ud558\uac8c \ud574\uc900\ub2e4.<\/p>\n<p><a href=\"https:\/\/github.com\/andrewfiorillo\/sketch-palettes\" target=\"_blank\" rel=\"noopener noreferrer\">Sketch Palettes<\/a>\u00a0\ub77c\uace0 \ubd88\ub9ac\uc6b0\ub294 \uc775\uc2a4\ud150\uc158\uc740 \uceec\ub7ec \ud53c\ucee4 \uc548\uc5d0 \ud314\ub808\ud2b8\ub97c \uc800\uc7a5\ud558\uace0 \ubd88\ub7ec\uc624\uae30\ud560 \uc218 \uc788\uac8c \ud574\uc900\ub2e4.<\/p>\n<h2>\uacb0\ub860<\/h2>\n<p>\uc0c9\uc0c1\uc758 \uc0ac\uc6a9\uc740 \uacfc\ud559\uc774\uba74\uc11c \ub610\ud55c \uc608\uc220\uc774\ub2e4. \uc0c9\uc0c1\uc740 \ubc29\ubb38\uc790\uc758 \ubd84\uc704\uae30\ub97c \ud615\uc131\ud558\ub294\ub370 \ub3c4\uc6c0\uc744 \uc904\uc218 \uc788\ub2e4. \uadf8\ub4e4\uc758 \uad00\uc2ec\uc0ac\ub97c \uc790\uadf9\ud558\uac70\ub098, \uc548\uc804\ud55c \ub290\ub08c\uc744 \uc8fc\uac70\ub098 \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uad8c\uc704\ub97c \uc8fc\uac70\ub098 \ub180\uace0 \uc2f6\uac8c \ub9cc\ub4e4\uac70\ub098 \ub2e4\uc2dc \uc624\uace0 \uc2f6\uac8c \ub9cc\ub4e4\uac70\ub098 \ub4f1\ub4f1 \ub9ce\uc740 \uc77c\uc744 \ub3c4\uc640\uc900\ub2e4. \uc81c\ub300\ub85c \ub41c \uc0c9\uc0c1\uc758 \uc870\ud569\uc740 call-to-action \ubc18\uc751\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\uace0 \uacf5\uc720 \ube44\uc728\uc744 \ub192\uc5ec\uc904 \uc218 \uc788\ub2e4. \uc81c\ub300\ub85c \ub41c \uc0c9\uc0c1\uc758 \uc120\ud0dd\uc740 \ubc29\ubb38\uac1d\uc744 \ubd99\uc7a1\uc544 \uc0ac\uc774\ud2b8\uc5d0 \uba38\ubb3c\uac8c \ud560 \uc218 \uc788\ub2e4. \uba87\uac1c\uc758 \uceec\ub7ec \ub9e4\uce6d \ud14c\ud06c\ub2c9\uacfc \uc0ac\uc6a9 \uac00\ub2a5\ud55c \ub3c4\uad6c\ub4e4\ub97c \ud1b5\ud574 \uc0c9\uc0c1 \uc2ec\ub9ac\ub97c \ub2f9\uc2e0\uc758 \ud544\uc694\uc5d0 \ub530\ub77c \ud65c\uc6a9\ud560 \uc218 \uc788\ub2e4. \uad81\uadf9\uc801\uc73c\ub85c \uc774\uac83\uc740 \ub9ce\uc740 \uc5f0\uc2b5\uacfc \uacbd\ud5d8\uc774 \ud544\uc694\ud558\ub2e4. \uadf8\ub7ec\ub098 \uc2dc\uac04\uc744 \ud22c\uc790\ud560 \uac00\uce58\uac00 \uc788\ub294 \uc5f0\uc2b5\uc774\ub2e4. \ub300\ub2e8\ud55c \uccab\uc778\uc0c1\uc744 \ub0a8\uae38 \uae30\ud68c\uac00 \uc0dd\uae38 \ubfd0\uc774\ub2e4.<\/p>\n<p>\ub2f9\uc2e0\uc758 \ucc28\ub840\ub2e4! \ucd94\uac00\ud560 \uceec\ub7ec \ub9e4\uce6d \ud14c\ud06c\ub2c9\uc774 \uc788\ub294\uac00? \ub2f9\uc2e0\uc774 \uc88b\uc544\ud558\ub294 \uceec\ub7ec \ub3c4\uad6c\uac00 \uc788\ub294\uac00? \uc544\ub798 \ucf54\uba58\ud2b8\ub97c \ud1b5\ud574 \ub0a8\uaca8\uc8fc\uae30 \ubc14\ub780\ub2e4.<\/p>\n<p><em>Article thumbnail via karawan \/ shutterstock.com<\/em><\/p>\n<div class=\"post-author\">\n<p><img decoding=\"async\" loading=\"lazy\" class=\"photo\" src=\"http:\/\/cdn.elegantthemes.com\/blog\/wp-content\/uploads\/userphoto\/44.thumbnail.png\" alt=\"Randy Brown\" width=\"48\" height=\"48\" \/><\/p>\n<div>\n<h3>\uc800\uc790 Randy Brown<\/h3>\n<p>Randy A. Brown is a freelance writer from east TN specializing in WordPress and eCommerce. He&#8217;s a longtime WordPress enthusiast and loves learning new things and sharing information with others. If he&#8217;s not writing or reading, he&#8217;s probably playing guitar.<\/p>\n<\/div>\n<p><a href=\"http:\/\/www.elegantthemes.com\/blog\/resources\/6-color-matching-techniques-for-wordpress-web-designers\">\uc6d0\ubb38 \ubcf4\uae30<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\uc0c9\uc0c1\uc758 \uc0ac\uc6a9\uc758 \ubc30\ud6c4\uc5d0\ub294 \uc2ec\ub9ac\ud559\uc774 \uc874\uc7ac\ud55c\ub2e4. \ub9ce\uc740 \ud074\ub77c\uc774\uc5b8\ud2b8\ub4e4\uc740 \uc790\uc2e0\ub4e4\uc774 \uc88b\uc544\ud55c\ub2e4\ub294 \uc774\uc720\ub9cc\uc73c\ub85c \ubc1d\uace0 \ub208\uc5d0 \ub744\ub294 \uc0c9\uc0c1\uc744 \uc694\uccad\ud55c\ub2e4. \ud558\uc9c0\ub9cc \uadf8\ub4e4\uc774 \uc88b\uc544\ud558\ub294 \uc0c9\uc0c1\uc774 \ubc18\ub4dc\uc2dc \uae30\ub300\ud558\ub294 \ud6a8\uacfc\ub97c \uc8fc\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4. \uc0c9\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8(UX)\uc5d0 \uc788\uc5b4\uc11c \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud55c\ub2e4. \uc0ac\uc6a9\uc790\ub4e4\uc740 \uadf8\ub4e4\uc5d0\uac8c \uc2dc\uac01\uc801\uc73c\ub85c \uc640\ub2ff\ub294 \ub300\uc0c1\uc744 \uc2a4\uce94\ud558\uace0 \ud074\ub9ad\ud558\ub824\ub294 \uacbd\ud5a5\uc774 \uc788\ub2e4. \u00a0\uc81c\ub300\ub85c \uc0ac\uc6a9\ub41c \uc0c9\uc774 \uc608\uc058\uba74 \uc0ac\ub78c\ub4e4\uc740 \ub300\uccb4\ub85c \uadf8 \uc608\uc05c \uac83\uc5d0 \uc8fc\ubaa9\ud55c\ub2e4. \uc774\uac83\uc774 \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uc788\uc5b4\uc11c \uceec\ub7ec&hellip;<\/p>\n","protected":false},"author":1,"featured_media":58,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/davidjoo.com\/index.php?rest_route=\/wp\/v2\/posts\/57"}],"collection":[{"href":"https:\/\/davidjoo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davidjoo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davidjoo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidjoo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":5,"href":"https:\/\/davidjoo.com\/index.php?rest_route=\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/davidjoo.com\/index.php?rest_route=\/wp\/v2\/posts\/57\/revisions\/69"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davidjoo.com\/index.php?rest_route=\/wp\/v2\/media\/58"}],"wp:attachment":[{"href":"https:\/\/davidjoo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davidjoo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davidjoo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}