بدست آوردن کد رنگ مورد نظر در صفحه وب

[davood59]

سلام دوستان؛
وقتتون بخیر
امروز نیاز داشتم که از رنگی استفاده کنم که تو یکی از وب سایتها استفاده شده بود. یادمه قبلا وقتی از صفحه عکس می گرفتیم و اونو به phtoshop می بردیم می شد کد رنگی رو که میخوایم ازش استفاده کنیم. شما میدونید چجوری این کار رو باید انجام داد؟ یعنی کد یک رنگ رو با استفاده از رنگی که در اختیار داریم بدست بیاریم؟
البته من چون نیاز داشتم یک نرم افزار از اینجا (http://colorcop.net/) دانلود کردم که واقعا کار راه اندازه و کار کردن باهاش خیلی راحته(پیشنهاد میکنم دانلودش کنید! حجمش خیلی کمه) ولی برای اطلاع خودم میخواستم از Photoshop هم برای اینکار استفاده کنم.
با تشکر

[Variable]

ببینید . مرورگر کروم ابزاری داره که باهاش میشه سورس کدهای صفحه رو دید . مثلا کدهای اچ تی امل یا جاوااسکریپت یا سی اس اس
وقتی یک رنگی رو میخاید ببیند.
مثلا تو مرورگر کروم راست کلیک->
inspect element
رو انتخاب کنید. بعد یه بخشی پایین باز میشه شما تب اول یعنی Elements رو انتخاب کنی .کدهای صفحه رو میتونی ببینی که اگه رو هر کدوم بری . تو قسمت بالا های لایت میشه
سمت چپ یه از پنجره کرکره ایی گزینه style رو باز کن
حالا هم میتونی روی اون قسمت .. رنگ رو ببینی
یکم تست کنی . دستت میاد

[zeinab-es'haghi]

تو فوتوشاپ از منوهای بالا در قسمت windows قسمت color رو انتخاب کنید. این بخش که نمایش داده شد، خودش سه قسمت داره. باز هم در قسمت color روی مربعی که رنگ رو نشون داده که کلیک کنید،پنجره ی مربوط بهش باز میشه که color picker نام داره. اون وقت روی هر قسمت از تصویرتون که کلیک کنید ،کد رنگش رو نشون میده.

[sanaz.dadkhah]

خود بعضی از مروگر ها ابزاری برای این کار دارن مثال برای کروم برید به این آدرس (https://chrome.google.com/webstore/category/ext/11-web-development) و دنبال این افزونه بگردید مثال (colorPicker 0.9) یا ....

[Saber Mogaddas]

سلام
بحث و موضوع بسیار خوب و کاربردی ، دوستان می تونید برای firefox نیز از افزونه زیر استفاده کنید که یکی از پر کاربردترین افزونه ها برای طراحان وب هست خودش به صورت hex کد رنگ رو براتون در clipboard ذخیره می کنه ..
Rain Bow Color Tools (https://addons.mozilla.org/en-us/firefox/addon/rainbow-color-tools/)
موفق باشید..

[Taimaz_222]

سلام دوستان یه افزونه بسیار مفید واسه css کاران محترم که بنظرم همه ی خواسته هاتونو برطرف می کنه.

در واقع بابهره گیری از این افزونه بصورت on time کدهارومشاهده و می تونید تغییر بدید.

Firebug (https://addons.mozilla.org/en-US/firefox/addon/firebug)

[davood59]

خودش به صورت hex کد رنگ رو براتون در clipboard ذخیره می کنه ..
ممنونم آقا صابر؛ واقعا افزونه مفید و جالبی هستش! به دوستان هم پیشنهاد می کنم حتما نصبش کنن.
مجددا ممنونم ازتون.

[Saber Mogaddas]

سلام


سلام دوستان یه افزونه بسیار مفید واسه css کاران محترم که بنظرم همه ی خواسته هاتونو برطرف می کنه.

در واقع بابهره گیری از این افزونه بصورت on time کدهارومشاهده و می تونید تغییر بدید.


دوست عزیز توجه کنید که firebug فقط کد هارو نمایش و تغییر میده تو این تاپیک بحث در مورد پیدا کردن کد رنگ قسمتی چه عکس باشه چه رنگ باشه هست، و با firebug فقط می تونید قسمت هایی که طراح به صورت کد رنگ داده رو مشاهده کنید..

[zahra6377]

سلام
منم این یکی رو پیشنهاد میدم.
Instant Eyedropper (http://instant-eyedropper.com/download/InstantEyedropper.exe)