رنگها در HTML و CSS با کدهای هگزا دسیمال مشخص می شوند. اگر در حال ایجاد یک صفحه وب یا پروژه HTML دیگر هستید و می خواهید عنصری را که با رنگ خاصی مطابقت دارد در تصویر ، وب سایت یا پنجره روی صفحه رایانه خود قرار دهید ، باید کد هگز رنگ را پیدا کنید. این wikiHow به شما می آموزد که چگونه از انواع ابزارهای رایگان برای شناسایی سریع کد هگز هر رنگ استفاده کنید.
مراحل
روش 1 از 4: استفاده از متر رنگ دیجیتال در Mac
مرحله 1. Digital Color Meter را در مک خود باز کنید
این ابزار ، همراه با macOS ، می تواند مقدار رنگ هر رنگ روی صفحه را تشخیص دهد. Finder را باز کنید ، روی دوبار کلیک کنید برنامه های کاربردی پوشه ، روی دوبار کلیک کنید خدمات رفاهی پوشه ، و سپس دوبار کلیک کنید دستگاه اندازه گیری رنگ دیجیتال برای باز کردن آن
مرحله 2. نشانگر ماوس را به رنگی که می خواهید شناسایی کنید ، منتقل کنید
هنگامی که ماوس را حرکت می دهید ، مقادیر موجود در ابزار در زمان واقعی به روز می شوند. تا زمانی که دیافراگم افقی و عمودی را قفل نکنید ، موس خود را از این مکان حرکت ندهید.
همچنین می توانید از این ابزار برای شناسایی رنگ ها در وب استفاده کنید. کافی است Safari (یا مرورگر دلخواه خود) را باز کرده و به وب سایتی بروید که حاوی رنگی است که می خواهید شناسایی کنید
مرحله 3. ⌘ Command+L را فشار دهید
با این کار هر دو دیافراگم افقی و عمودی قفل می شود ، به این معنی که هنگام حرکت ماوس مقدار رنگ تغییر نمی کند.
مرحله 4. copy Shift+⌘ Command+C را فشار دهید تا کد شش ضلعی در کلیپ بورد کپی شود
همچنین می توانید کد شش ضلعی را با کلیک بر روی آن کپی کنید رنگ منو و انتخاب رنگ را به عنوان متن کپی کنید.
مرحله 5 ⌘ Command+V را فشار دهید تا کد کپی شده جایگذاری شود
می توانید آن را مستقیماً در کد HTML خود ، یک فایل متنی یا هر منطقه تایپ دیگر بچسبانید.
مرحله 6 ⌘ Command+L را برای باز کردن قفل دیافراگم فشار دهید
اگر می خواهید رنگ دیگری را شناسایی کنید ، این قفل را آزاد می کند تا مکان نما یک بار دیگر به عنوان شناسه مقدار رنگ عمل کند.
روش 2 از 4: استفاده از Color Cop برای ویندوز
مرحله 1. Color Cop را نصب کنید
Color Cop یک ابزار کوچک و رایگان است که می توانید از آن برای شناسایی سریع کد شش ضلعی هر رنگ روی صفحه استفاده کنید. نحوه دریافت برنامه به شرح زیر است:
- در مرورگر وب به https://colorcop.net/download بروید.
- کلیک colorcop-setup.exe تحت "خود نصب" اگر فایل به صورت خودکار بارگیری نشد ، روی آن کلیک کنید صرفه جویی یا خوب برای شروع بارگیری
- روی فایل بارگیری شده دوبار کلیک کنید (در فایل موجود است بارگیری ها و معمولاً در گوشه پایین سمت چپ برگه مرورگر).
- برای نصب برنامه ، دستورالعمل های روی صفحه را دنبال کنید.
مرحله 2. Color Cop را باز کنید
آن را در منوی Start خود خواهید یافت.
مرحله 3. نماد قطره چکان را به رنگی که می خواهید تشخیص دهید بکشید
شما می توانید هر رنگی روی صفحه ، از جمله رنگهای دیگر برنامه ها و وب سایت ها را شناسایی کنید.
مرحله 4. دکمه ماوس را رها کنید تا کد هگز نشان داده شود
کد در قسمت خالی در مرکز برنامه ظاهر می شود.
مرحله 5. روی کد هگز دوبار کلیک کرده و Ctrl+C را فشار دهید
این کد هگز را در کلیپ بورد شما کپی می کند.
مرحله 6. کد را در جایی که نیاز دارید بچسبانید
شما می توانید استفاده کنید Ctrl + V کد هگز را در هرجایی که مایل هستید ، مانند کد HTML یا CSS خود بچسبانید.
روش 3 از 4: استفاده از Imagecolorpicker.com
مرحله 1. در رایانه ، تلفن یا رایانه لوحی خود به آدرس https://imagecolorpicker.com بروید
می توانید از این ابزار رایگان برای شناسایی کد هگز هر رنگ در یک تصویر بارگذاری شده استفاده کنید. این روش در هر مرورگر وب ، از جمله در Android ، iPhone یا iPad شما کار می کند.
مرحله 2. بارگذاری یک تصویر یا وارد کردن URL
شما باید تصمیم بگیرید که آیا می خواهید تصویر خود را بارگذاری کنید یا از تصویر یا وب سایتی که قبلاً آنلاین است استفاده کنید. از هر دو روش می توان برای نمایش تصویر یا صفحه وب برای انتخاب رنگ مورد نظر خود استفاده کرد.
- برای بارگذاری تصویر ، به پایین بروید و انتخاب کنید تصویر خود را بارگذاری کنید ، به تصویر موجود در رایانه ، تلفن یا رایانه لوحی خود بروید و گزینه بارگذاری آن را انتخاب کنید.
- برای استفاده از وب سایت ، به پایین گزینه "استفاده از این کادر برای دریافت کد رنگی HTML از یک وب سایت" را پایین بیاورید ، نشانی اینترنتی را وارد کنید و سپس کلیک کنید یا ضربه بزنید وب سایت بگیرید.
- برای انتخاب یک تصویر مستقیم در وب به جای یک وب سایت کامل ، آدرس URL تصویر را در کادر "از این کادر برای دریافت کد رنگی HTML از یک تصویر از طریق این URL استفاده کنید" وارد کنید ، سپس کلیک کنید یا ضربه بزنید عکس بگیرید.
مرحله 3. بر روی رنگ مورد نظر خود در پیش نمایش تصویر/سایت کلیک کنید یا ضربه بزنید
این کد شش ضلعی رنگ را در گوشه سمت چپ پایین صفحه نمایش می دهد.
مرحله 4. برای کپی کردن کد هگز در کلیپ بورد خود ، روی نماد کپی کلیک کنید یا ضربه بزنید
این دو مربع روی هم قرار گرفته در سمت راست کد شش ضلعی است. سپس می توانید آن را در هر فایل متنی یا ناحیه تایپ کنید.
روش 4 از 4: استفاده از Firefox (برای رنگها در وب)
مرحله 1. Firefox را در رایانه یا Mac خود باز کنید
مرورگر وب فایرفاکس دارای یک ابزار رایگان Eyedropper است که می توانید از آن برای شناسایی کد هگز با هر رنگی در وب استفاده کنید. اگر Firefox دارید ، آن را در منوی Start (Windows) یا در پوشه Applications (macOS) پیدا خواهید کرد.
- می توانید Firefox را به صورت رایگان در https://www.mozilla.org/en-US/firefox بارگیری کنید.
- فایرفاکس فقط ارزش یک رنگ را در یک وب سایت به شما می گوید. خارج از مرورگر نمی توانید از آن استفاده کنید.
مرحله 2. به وب سایتی بروید که حاوی رنگی است که می خواهید شناسایی کنید
اطمینان حاصل کنید که عنصری که برای آن به رنگ نیاز دارید در نظر باشد.
مرحله 3. روی منو Click کلیک کنید
این سه خط افقی در گوشه سمت راست بالای فایرفاکس است.
مرحله 4. روی منوی Web Developer کلیک کنید
منوی دیگر گسترش می یابد.
مرحله 5. روی Eyedropper کلیک کنید
مکان نما ماوس شما به یک دایره بزرگ تبدیل می شود.
مرحله 6. روی رنگی که می خواهید شناسایی کنید کلیک کنید
هنگامی که ماوس را به مکان مورد نظر منتقل می کنید ، متوجه ارزش شش ضلعی رنگ ها می شوید. هنگامی که ماوس را کلیک می کنید ، Firefox کد هگز را در کلیپ بورد شما ذخیره می کند.
مرحله 7. کد را در جایی که نیاز دارید بچسبانید
شما می توانید استفاده کنید کنترل + V (رایانه شخصی) یا Command + V (Mac) برای قرار دادن کد هگز در HTML ، CSS یا هر نوع فایل متنی دیگر.
نکات
- وب سایت های دیگر ، برنامه های افزودنی مرورگر و برنامه های ویرایش تصویر نیز وجود دارد که به شما امکان می دهد از یک انتخاب کننده رنگ برای نشان دادن کد هگز رنگ نیز استفاده کنید.
- اگر می دانید چه کسی صفحه وب را با رنگی که می خواهید مطابقت دهد ایجاد کرده است ، همیشه می توانید از آنها بخواهید از کد هگز استفاده کنند. متناوبا ، می توانید کد منبع وب سایت را جستجو کنید تا کد شش ضلعی ذکر شده در آنجا را بیابید.