<!--<head><style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxP.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc9.ttf)format('truetype');}</style>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1606642255916777726&zx=790f1ff4-8181-43e2-9514-132998a228b6' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=1606642255916777726&zx=790f1ff4-8181-43e2-9514-132998a228b6' rel='stylesheet'/></noscript>

<!-- data-ad-client=ca-pub-7447473455904737 -->

</head>-->

Home › Design › التصميم

مواقع لإستخراج باقة ألوان من صورة للمصممين websites for get color palette from photos

By Walid Amriou Edit

يحتاج المصممين والرسامين والفنانين الإلهام من الطبيعة في بناء أعمالهم، وتعتبر الألوان الطبيعية ألوان متناسقة بأساسها لذلك يعمدون إلى إستخراج الألوان من صور طبيعية، ومن جهة أخرى قد تجد صورا أو لوجو شركة ما ويعجبك تناسق الألوان فيه وتحتاج إلى الإحتفاظ بهذه الألوان سواءا للتصميم بها أو الرسم بيها أو طلي غرفتك بهذه الألوان. لذلك سأقدم لك مجموعة من المواقع التي ستساعدك في إستخراج الألوان من الصور:

موقع Palettefx :

الموقع الرسمي: http://www.palettefx.com

موقع أعجبني جدا لأنه يضع لك تقريبا كل الألوان الموجودة في الصورة.

وعملية إستخراج الألوان بسيطة جدا، فمثلا تريد إستخراج الألوان من هذه الصورة:

تدخل إلى موقع Palettefx وواجهته كالتالي:

ثم تضغط على شعار آلة التصوير بالأبيض وتختار صورتك، وستكون النتيجة كالتالي:

ويمكنك بعد ذلك تصوير الألوان والإحتفاظ بالصورة في مخزنك للألوان المنسقة.

مواقع آخرى لإستخراج الألوان من الصور:

https://www.canva.com/color-palette/

http://www.pictaculous.com/

http://www.cssdrive.com/imagepalette/

https://coolors.co/

http://www.bpsites.com/picker/

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/249339989-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY68K1H38K02OlXESoqj44RjXpafoA:1627779294763';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1606642255916777726','//wiki.mookhtabar.com/2017/12/websites-for-get-color-palette-from.html','1606642255916777726');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1606642255916777726', 'title': 'Mookhtabar Wiki', 'url': 'https://wiki.mookhtabar.com/2017/12/websites-for-get-color-palette-from.html', 'canonicalUrl': 'https://wiki.mookhtabar.com/2017/12/websites-for-get-color-palette-from.html', 'homepageUrl': 'https://wiki.mookhtabar.com/', 'searchUrl': 'https://wiki.mookhtabar.com/search', 'canonicalHomepageUrl': 'https://wiki.mookhtabar.com/', 'blogspotFaviconUrl': 'https://wiki.mookhtabar.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'widgetEditLinkDisabled': 'true', 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mookhtabar Wiki - Atom\x22 href\x3d\x22https://wiki.mookhtabar.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Mookhtabar Wiki - RSS\x22 href\x3d\x22https://wiki.mookhtabar.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mookhtabar Wiki - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1606642255916777726/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Mookhtabar Wiki - Atom\x22 href\x3d\x22https://wiki.mookhtabar.com/feeds/5225382407611687159/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-7447473455904737', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'ieCssRetrofitLinks': '\x3c!--[if IE]\x3e\x3cscript type\x3d\x22text/javascript\x22 src\x3d\x22https://www.blogger.com/static/v1/jsbin/3046902713-ieretrofit.js\x22\x3e\x3c/script\x3e\n\x3c![endif]--\x3e', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/0db8c4d40e8c3f9e', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5225382407611687159', 'postImageThumbnailUrl': 'https://1.bp.blogspot.com/-V1b4O_QO6IM/WkdK7FAV5FI/AAAAAAAAEzQ/RqAgaeRXwQUyjcX3wVY3y0eeq-En28UUQCLcBGAs/s72-c/Adobe%2BSpark%2B%25281%2529.jpg', 'postImageUrl': 'https://1.bp.blogspot.com/-V1b4O_QO6IM/WkdK7FAV5FI/AAAAAAAAEzQ/RqAgaeRXwQUyjcX3wVY3y0eeq-En28UUQCLcBGAs/s320/Adobe%2BSpark%2B%25281%2529.jpg', 'pageName': '\u0645\u0648\u0627\u0642\u0639 \u0644\u0625\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u0627\u0642\u0629 \u0623\u0644\u0648\u0627\u0646 \u0645\u0646 \u0635\u0648\u0631\u0629 \u0644\u0644\u0645\u0635\u0645\u0645\u064a\u0646 websites for get color palette from photos', 'pageTitle': 'Mookhtabar Wiki: \u0645\u0648\u0627\u0642\u0639 \u0644\u0625\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u0627\u0642\u0629 \u0623\u0644\u0648\u0627\u0646 \u0645\u0646 \u0635\u0648\u0631\u0629 \u0644\u0644\u0645\u0635\u0645\u0645\u064a\u0646 websites for get color palette from photos', 'metaDescription': ''}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': '\u0645\u0648\u0627\u0642\u0639 \u0644\u0625\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u0627\u0642\u0629 \u0623\u0644\u0648\u0627\u0646 \u0645\u0646 \u0635\u0648\u0631\u0629 \u0644\u0644\u0645\u0635\u0645\u0645\u064a\u0646 websites for get color palette from photos', 'description': 'the website and the blog of Walid Amriou\n\u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0644: \u0639\u0645\u0631\u064a\u0648 \u0648\u0644\u064a\u062f', 'featuredImage': 'https://1.bp.blogspot.com/-V1b4O_QO6IM/WkdK7FAV5FI/AAAAAAAAEzQ/RqAgaeRXwQUyjcX3wVY3y0eeq-En28UUQCLcBGAs/s320/Adobe%2BSpark%2B%25281%2529.jpg', 'url': 'https://wiki.mookhtabar.com/2017/12/websites-for-get-color-palette-from.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5225382407611687159}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TranslateView', new _WidgetInfo('Translate1', 'above-post-widget', document.getElementById('Translate1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/603003760-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1050234869-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML996', 'iklan-atas', document.getElementById('HTML996'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML997', 'iklan-tengah1', document.getElementById('HTML997'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'iklan-tengah2', document.getElementById('HTML998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'iklan-bawah', document.getElementById('HTML999'), {}, 'displayModeFull'));
</script>
</body>-->