Onlaynda rasmdagi piksel rangini aniqlang. Monitor ekranida rangni aniqlash Piksel rangidagi o'zgarishlarga javob beruvchi dastur

Bilan ishlash CSS va sahifa tartibida siz ko'pincha ranglar bilan ishlashingiz kerak bo'ladi va ko'pincha tasvirning ma'lum bir maydoni uchun rang / soya kodini aniqlash kerak bo'ladi. Buning uchun maxsus dastur mavjud ColorMania. Uni ushbu saytdan yuklab olish mumkin http://www.blacksunsoftware.com/colormania.html. Ishga tushgandan so'ng, u shunday ko'rinadi.

Ushbu dastur sizga ekranning istalgan nuqtasida rang kodini aniqlash imkonini beradi: chap tugmacha bilan tomchilar shaklidagi tugmani bosib ushlab turing va uni qo'yib yubormasdan uni ekran bo'ylab rangni aniqlamoqchi bo'lgan joyga o'tkazing. .

Rangli displey turini tanlashingiz mumkin, masalan: o'n oltilik tizimda, kabi RGB yoki boshqa shaklda. Displey turini o'zgartirish uchun ochiladigan ro'yxatni bosing va ro'yxatdan kerakli displey turini tanlang.

Rangni tanlaganingizdan so'ng, tugmani bosishingiz mumkin "Nusxa olish", rang kodini almashish buferiga ko'chiring yoki sichqoncha bilan tanlang va klaviatura yorliqlaridan foydalaning "ctrl + C".

Tugma yordamida tasodifiy rangni tanlash mumkin "Tasodifiy".


Bundan tashqari, tugmani bosish orqali standart rang tanlash dialog oynasiga qo'ng'iroq qilishingiz mumkin "Dialog", bu sizga asosiy ranglardan rang tanlash imkonini beradi.

Standart dialog oynasida tugmani bosish orqali kengaytirilgan rang tanlash dialog oynasini ochish mumkin "Rangni aniqlang" va undan so'ng ko'rsatgich kesishuvchi bo'lgan spektrda kerakli rangni tanlang va bosing "KELISHDIKMI".

Keyin siz tanlagan rang va uning kodi ko'rsatiladi.

Bundan tashqari, ochiladigan ro'yxatni bosish orqali rangni nomi bo'yicha tanlash mumkin "HTML rangi".

Va eslatib o'tilishi mumkin bo'lgan oxirgi narsa shundaki, rangni aniqroq aniqlash uchun siz tomchilar ostida joylashgan ekran maydonini kattalashtirish opsiyasidan foydalanishingiz mumkin. Ochiladigan ro'yxatni bosing va qiymatni o'zgartiring "kattalashtirish", ya'ni. ishlash uchun qulayroq bo'lgan kattalashtirishni tanlang.

Shunday qilib, biz o'n oltilik va boshqa kodlash tizimlarida rang kodini aniqlash uchun murakkab emas, lekin juda qulay dasturni ko'rib chiqdik.

HTMLColors2000 - bu monitor ekranida ko'rgan har qanday rang soyasini aniqlashga yordam beradigan maxsus rangni aniqlash dasturi. Ushbu dastur rangni aniqlagandan so'ng, u rang ma'lumotlarini ikkita formatda ifodalaydi: RGB (qizil yashil ko'k) va HTML (olti xonali kod).

Ushbu dastur veb-dizaynerlar yoki kompyuter dasturlarida chizishni yaxshi ko'radiganlar uchun ajralmas bo'ladi. Nima uchun u almashtirib bo'lmaydigan? Chunki to'g'ri soyani tanlash juda qiyin, ba'zan hatto imkonsizdir. Albatta, rangni aniqlaydigan boshqa dasturlar ham bor, lekin bir nechta dasturlarni sinab ko'rganimdan so'ng, men buni tanladim.

Mana mening ushbu dastur foydasiga dalillarim:

1) Uning og'irligi juda oz (atigi 32 kb).

2) O'rnatish shart emas.

3) Kam miqdordagi tizim resurslarini sarflaydi.

4) Va eng muhimi, foydalanish juda oson! Shaxsan men uchun dasturning eng muhimi uning ishonchliligi, tezligi va soddaligidir.

Ushbu dastur bilan ishlash juda oddiy:

2) Ranglarni tanlashning beshta usuli mavjud:

  • RGB slayderlarini siljitish orqali ranglarni tanlang.
  • RGB qiymatlarini qo'lda kiritish.
  • "Rang nomi" ro'yxatidan rangni tanlang.
  • Tanlangan soyalardan tanlang (yon panel, "Ko'proq" tugmasi bilan ochiladi).
  • "Ekran" tugmasi, uning yordamida siz kompyuteringiz monitoridagi istalgan rangni aniqlashingiz mumkin.

Beshinchi usul eng ajoyib! Men sizga u haqida bir oz ko'proq gapirib beraman.

Ekran tugmachasini bosganingizdan so'ng, monitoringizning yuqori chap burchagida kichik oyna paydo bo'ladi, unda harflar va raqamlar, shuningdek, kichik rangli chiziq ko'rsatiladi. Kursorni harakatlantirsangiz, harflar va raqamlar o'zgara boshlaganini va ular bilan birga ranglar paneli ham o'zgarishini sezasiz.

Ushbu rang paneli sichqoncha kursori ostidagi rangni ko'rsatadi va harflar va raqamlar bu rangning html kodidan boshqa narsa emas.

Usulning mohiyati juda oddiy:

1) Siz "Ekran" tugmasini bosasiz va kursorni kodni olmoqchi bo'lgan rangga o'tkazasiz.

2) Yuqori chap burchakka qarang va kerakli rangni o'tkazib yubormaganingizga ishonch hosil qiling.

3) Kursor kerakli joyga kelganda sichqonchaning chap tugmachasini bosasiz.

4) Endi siz faqat qabul qilingan kodni olishingiz kerak. Html kodini nusxa oling yoki RGB qiymatini qayta yozing.

Rangni aniqlash dasturini yuklab oling:

P.S. Agar dastur sizning kompyuteringizga o'rnatilishini istamasa (bu sizda Vista yoki Seven o'rnatilgan bo'lsa), bu fayl sizga yordam beradi.

Ehtimol, bu turdagi birinchi yordamchi dasturlardan biri, ammo shunga qaramay, u veb-ustalar orasida mashhurligini yo'qotmaydi.
Dastur tanlangan rangning HTML kodini ko'rsatadi va aksincha, rangni kod bo'yicha ko'rsatadi.

Monitordagi rangni aniqlash uchun "Ekran" tugmasini bosing, kursorni kerakli nuqtaga yo'naltiring va shu joyga bir marta bosing. HTML kodi maydoni HTML kodidagi rangni ko'rsatadi. Faqatgina ushbu kodni clipboardga nusxalash va kerakli joyga joylashtirish qoladi.
Afzalliklari: dastur juda oz vaznga ega va juda oddiy

Rang tanlash dasturi

Ushbu dasturning afzalligi shundaki, u ranglarni RGB yoki HSL kodida va albatta HTMLda aks ettiradi.

Rangni aniqlash uchun "Sichqoncha bilan rang tanlash" tugmasini bosish kerak, sichqoncha kursori ko'z tomchisi shaklini oladi, kursorni kerakli joyga olib borib, ustiga bosish kifoya. Dastur Windows XP va undan yuqori versiyalari bilan mos keladi.
Kompyuterga o'rnatishni talab qiladi.

Faqat rang tanlash

Menimcha, u mening sevimli odamim. Xususan, menga juda ko'p yordam beradigan narsa shundaki, rangni qo'lga kiritgandan so'ng interfeysda ushbu rangning o'zgaruvchan tonalligi va yorqinligi bilan chiziq paydo bo'ladi. Bular. Men sichqonchani chiziq ustida harakatlantiraman va keyinroq optimalni tanlash uchun yana bir nechta shunga o'xshash ranglarni, masalan, biroz yorqinroqni olishim mumkin.

  • Birinchi marta ishga tushirganingizda, u tilni tanlashni taklif qiladi, rus tili mavjud.
  • Faqat Color Picker interfeysi ekran lupasini o'z ichiga oladi.
  • Bir nechta ranglarni saqlashga imkon beradi.
  • O'qishni sichqonchani bosish bilan emas, balki Alt+X (sukut bo'yicha) tezkor tugmalari yordamida oladi, bu sizga rangni aniqroq aniqlash imkonini beradi.
  • Rangni aniqlagandan so'ng, dastur tanlangan rangga mos keladigan va dizaynda ishlatilishi mumkin bo'lgan qo'shimcha ranglarni avtomatik ravishda aniqlaydi.
  • O'rnatishni talab qilmaydi, fonda ishlaydi.

Dastur Windows XP va undan yuqori versiyalari bilan mos keladi.

Shuni ham ta'kidlash kerakki, bepul dastur ColorPic 4.1. Uning yagona kamchiligi shundaki, u kompyuterga o'rnatishni talab qiladi, ya'ni. fonda ishlay olmaydi.

Lekin u yetarlicha afzalliklarga ega. Dastur mutlaqo oddiy emas, shuning uchun tavsif va u bilan ishlash bo'yicha ko'rsatmalar ushbu saytda alohida maqolada keltirilgan

Veb-dizayner, dasturchi yoki oddiy kompyuter foydalanuvchisi bu savolni bir necha marta bergan bo'lishi mumkin. Ko'pincha biron bir ob'ektda, masalan, veb-saytda yoki monitor ekranidagi nuqtada ishlatiladigan rangni tanlash kerak bo'ladi.

Ranglarni ifodalashning bir necha asosiy usullari mavjud, masalan, har bir rang yoki soyaning belgilanishi HTML kod va ranglar palitrasi RGB#FF7700 sifatida. Bu uch juft o'n oltilik raqamlar shaklida ifodalanadi, unda har bir juft o'z rangi uchun javobgardir:
birinchi ikki raqam qizil, ya'ni. — R (qizil)
o'rtada ikkita - yashil - G (yashil)
oxirgi ikki raqam - ko'k - B (ko'k)
Ko'pincha ular #FF7700 ga ekvivalent bo'lgan uchta #F70 belgisi shaklida rangning yashirin tasviridan foydalanadilar.

Aytgancha, veb-resurslarda ranglar odatda CSS uslublarida ko'rsatilgan.

Keling, asosiy savolga javob berishga o'taylik - Monitor ekranida yoki rasmda piksel rangini qanday aniqlash mumkin?

Ko'p yo'llari bor ...

Usul 1. Photoshop-da rangni toping

Shunday qilib, keling, rangimiz kodini bilmoqchi bo'lgan joyda klaviaturadagi Print Screen (PrtSc) tugmasini bosib "skrinshot" olamiz. Tugmachani bosganingizda, tizim oniy tasvirni vaqtinchalik xotiraga saqlaydi. Tasvirni, masalan, brauzerdan, PrtScsiz shunchaki nusxalashingiz mumkin. Endi faqat buferdan rasmni Photoshop-ga joylashtirish qoladi.

Photoshop dasturini oching va rasmni kiriting (Fayl - Yangi, Tahrirlash - Qo'shish). Biz asboblar panelida "Pipetka" ni qidiramiz (Kalit I), so'ngra rangni "olib tashlash" kerak bo'lgan maydonni chap tugmasini bosing. Hammasi tayyor! Endi faqat palitraga o'tish va rang kodini bilish qoladi.

2-usul. Paint dasturida rangni toping

Paint-ga o'ting - rasm qo'shing - "palitra" vositasidan foydalaning - "ranglarni o'zgartirish" ga o'ting:

Bizning holatlarimizda qizil - 252, yashil - 168, ko'k - 10, ya'ni. RGB (252,168,10) yoki HEX formatida #FCA80A.

3-usul: Brauzerda element kodini ko'ring

Men Opera brauzeri uchun usulni tasvirlab beraman. Sichqoncha bilan saytdagi elementni tanlang va ustiga sichqonchaning o'ng tugmachasini bosing - "Element kodini ko'rish" (Ctrl + Shift + C). Html va CSS kodli panel ochiladi, siz "rang" kabi narsalarni topishingiz kerak bo'ladi.

Usul 4. Maxsus vositalar yoki dasturlardan foydalanish.

Rangni olib tashlash uchun juda ko'p maxsus dasturlar mavjud, men og'irligi taxminan 10-11 KB bo'lgan "Pixie" deb nomlangan juda oddiy dasturni yoqtiraman. Boshqaruv juda oddiy. Shunchaki sichqonchani monitor ekranidagi kerakli nuqtaga yo'naltiring va quyidagi tugmachalarni bosing - Ctrl + Alt + C, buning natijasida rang kodi clipboardga ko'chiriladi.

Kompyuterda ishlash, Photoshop-da rasm chizish va veb-saytlarni loyihalash, men ko'pincha monitor ekranida qanday ranglar, aniqrog'i ularning kodlari ma'lum ob'ektlar borligini bilishim kerak. Veb-saytlarni yaratish va ularni kontent bilan to'ldirish uchun men ko'pincha html ranglarini ishlataman va ba'zida Photoshop yoki boshqa tasvir muharrirlarida ishlaganda RGB kodlaridan foydalanaman.

Ilgari, monitordagi ob'ektning rangini aniqlash uchun men ekranning skrinshotini olishim kerak edi ("Print Screen" yoki "Alt" + "Print Screen" yordamida buferga nusxalash). Keyin siz rasmni Photoshop, Paint yoki boshqa tasvir muharririga kiritishingiz va kerakli ob'ektning rang kodini bilish uchun oddiy ko'z tomchisidan foydalanishingiz kerak edi. Bu butun protsedura menga ko'p vaqt talab qildi, ayniqsa tez-tez takrorlanishi kerak bo'lsa.

Ammo endi hamma narsa o'zgardi va rangni aniqlash uchun hech narsani nusxalash va qo'shimcha rasmlar yaratish kerak emas.

Pixie - eng oddiy qo'ltiq osti rang detektori!

Ushbu qisqa maqolada men sizning e'tiboringizga veb-sayt yaratuvchilar, dizaynerlar va dasturchilar uchun foydali bo'lgan monitorda rangni aniqlash uchun juda oddiy, qulay, ixcham va bepul dastur - Pixie-ni taqdim etmoqchiman.

Pixie- sichqonchani sichqonchani bosib turgan ob'ekt rangini tezda aniqlash uchun mo'ljallangan dastur. U bir xil rangdagi 4 turdagi kodlarni ko'rsatadi:

  1. HTML kodi
  2. RGB kodi
  3. CMYK kodi
  4. HSV kodi

Misol uchun, agar siz sichqonchani ustiga olib kelsangiz oq ob'ekt, keyin dastur quyidagi rang kodlarini ko'rsatadi:

Masalan, sichqonchani ustiga olib kelsangiz, Moviy rang, keyin dastur quyidagi kodlarni ko'rsatadi:

Shuningdek, tugmalar birikmalaridan foydalanish:

  1. Ctrl+Alt+C- pixie rangni almashish buferiga #XXXXXX html formatida ko'chiradi.
  2. Ctrl+Alt+X- pixie ranglar palitrasi bilan oynani ochadi.
  3. Ctrl+Alt+Z- pixie kursor yaqinidagi kichik maydonni (masalan, lupa ostida) kattalashtiradi, shunda foydalanuvchi ekrandagi ob'ekt rangini aniqroq aniqlashi mumkin.

Agar siz yuqoridagi tugmalar birikmalarini o'zgartirmoqchi bo'lsangiz, u holda dastur oynasini o'ng tugmasini bosing va uni xohlaganingizcha o'rnating.

Pixie- barcha dasturchilar, dizaynerlar, veb-dasturchilar va veb-dizaynerlar uchun juda oddiy, foydali va hatto kerakli dastur bo'lib, unda ortiqcha narsa yo'q.

Ushbu dastur menga doimiy ravishda ishimda (ranglarni aniqlashda) yordam beradi, shuning uchun uni sizga ishonch bilan tavsiya qilishim mumkin. Bundan tashqari, takrorlayman, bu mutlaqo bepul.

Shuningdek, siz hamma haqida ma'lumot olishingiz mumkin xavfsiz ranglar sayt uchun.



Tegishli nashrlar