Өнгө нь HTML болон CSS дээр арван зургаатын кодоор тодорхойлогддог. Хэрэв та вэб хуудас эсвэл бусад HTML төсөл үүсгэж байгаа бөгөөд зураг, вэбсайт эсвэл цонхныхоо тодорхой өнгөт тохирсон элементийг компьютерийн дэлгэцэн дээр оруулахыг хүсвэл өнгөний зургаан өнцөгт кодыг олох шаардлагатай болно. Энэхүү wikiHow нь ямар ч өнгөний зургаан өнцөгт кодыг хурдан тодорхойлохын тулд олон төрлийн үнэгүй хэрэгслүүдийг ашиглахыг заадаг.
Алхам
4 -ийн 1 -р арга: Mac дээр дижитал өнгө хэмжигчийг ашиглах
Алхам 1. Mac дээрээ дижитал өнгө хэмжигчийг нээнэ үү
MacOS -тэй хамт ирдэг энэ хэрэгсэл нь дэлгэц дээрх ямар ч өнгөний өнгөний утгыг тодорхойлох боломжтой. Finder-ийг нээгээд дээр нь хоёр дарна уу Програмууд фолдер дээр дарна уу Хэрэгслүүд хавтас, дараа нь давхар товшино уу Дижитал өнгө хэмжигч нээх.
Алхам 2. Хулганы курсорыг танихыг хүссэн өнгө рүү зөөнө үү
Та хулганыг хөдөлгөж байх үед хэрэгслийн утгууд бодит цаг хугацаанд шинэчлэгдэх болно. Хэвтээ ба босоо нүхийг түгжих хүртэл хулганаа энэ байрлалаас бүү хөдөлгө.
Та энэ хэрэгслийг ашиглан вэб дээрх өнгийг тодорхойлох боломжтой. Safari (эсвэл таны сонгосон хөтөч) -ийг нээж, танихыг хүссэн өнгө агуулсан вэбсайт руу очно уу
Алхам 3. ⌘ Command+L дарна уу
Энэ нь хэвтээ ба босоо нүхийг хоёуланг нь түгждэг бөгөөд энэ нь хулганыг хөдөлгөхөд өнгөний утга өөрчлөгдөхгүй гэсэн үг юм.
Алхам 4. Hex кодыг санах ойд хуулахын тулд ⇧ Shift+⌘ Command+C дарна уу
Та мөн дарж hex кодыг хуулж болно Өнгө цэс ба сонгох Өнгийг текст болгон хуулах.
Алхам 5. Хуулсан кодыг буулгахын тулд ⌘ Command+V дарна уу
Та үүнийг HTML код, текст файл эсвэл бусад бичих хэсэгт шууд буулгаж болно.
Алхам 6. Нүхний түгжээг тайлахын тулд and Command+L дарна уу
Хэрэв та өөр өнгө тодорхойлохыг хүсч байвал энэ нь түгжээг суллах тул курсор дахин өнгөний утгыг тодорхойлох үүрэг гүйцэтгэнэ.
4 -ийн 2 -р арга: Windows -д Color Cop ашиглах
Алхам 1. Color Cop -ийг суулгана уу
Color Cop бол жижиг, үнэгүй хэрэгсэл бөгөөд та дэлгэц дээрх аль ч өнгөний зургаан өнцөгт кодыг хурдан тодорхойлох боломжтой. Апп -ийг хэрхэн яаж авахыг энд харуулав.
- Вэб хөтөч дээрээс https://colorcop.net/download руу орно уу.
- Дарна уу colorcop-setup.exe "Өөрөө суулгах" хэсэгт. Хэрэв файл автоматаар татагдахгүй бол дарна уу Хадгалах эсвэл БОЛЖ БАЙНА УУ татаж эхлэхийн тулд.
- Татаж авсан файлыг давхар товшино уу (файл дотор байгаа Таталтууд фолдер, ихэвчлэн хөтчийн табын зүүн доод буланд байдаг).
- Програмыг суулгахын тулд дэлгэц дээрх зааврыг дагана уу.
Алхам 2. Color Cop -ийг нээнэ үү
Та үүнийг Start цэснээс олох болно.
Алхам 3. Нүдний дусаагуурын дүрсийг танихыг хүссэн өнгө рүү чирнэ үү
Та дэлгэцэн дээрх дурын өнгийг, түүний дотор бусад аппликешн болон вэбсайт дээрх өнгийг тодорхойлох боломжтой.
Алхам 4. Hex кодыг харуулахын тулд хулганы товчийг дарна уу
Код нь програмын дунд байрлах хоосон хэсэгт гарч ирнэ.
Алхам 5. Hex кодыг давхар товшоод Ctrl+C дарна уу
Энэ нь зургаан талт кодыг таны санах ойд хуулна.
Алхам 6. Кодыг хэрэгтэй газарт нь буулгана уу
Та ашиглаж болно Ctrl + V Hex кодыг хүссэн газартаа, тухайлбал HTML эсвэл CSS код дээрээ буулгах.
4 -ийн 3 -р арга: Imagecolorpicker.com ашиглах
Алхам 1. Компьютер, утас, таблет дээрээ https://imagecolorpicker.com руу орно уу
Та энэ үнэгүй хэрэгслийг ашиглан байршуулсан зураг дээрх дурын өнгөний зургаан өнцөгт кодыг тодорхойлох боломжтой. Энэ арга нь таны Андройд, iPhone эсвэл iPad дээрх бүх вэб хөтөч дээр ажиллах болно.
Алхам 2. Зураг байршуулах эсвэл URL оруулна уу
Та өөрийн зургийг байршуулах эсвэл аль хэдийн онлайн байгаа зураг эсвэл вэбсайтыг ашиглах эсэхээ шийдэх хэрэгтэй болно. Аль ч аргыг ашиглан хүссэн өнгө сонгохын тулд зураг эсвэл вэб хуудсыг харуулах боломжтой.
- Зураг байршуулахын тулд доош гүйлгээд сонгоно уу Зургаа байршуулна уу, компьютер, утас, таблет дээрх дүрс рүү очоод байршуулах сонголтыг сонгоно уу.
- Вэбсайт ашиглахын тулд "Вэбсайтаас HTML өнгөний кодыг авахын тулд энэ хайрцгийг ашиглана уу" гэсэн сонголтыг доош гүйлгээд URL -г оруулаад товшино уу. Вэбсайт авах.
- Бүтэн вэбсайтын оронд вэб дээрх шууд зургийг сонгохын тулд "Энэ хайрцгийг ашиглан зургаас HTML өнгөний кодыг авахын тулд энэ хайрцгийг ашиглана уу" талбарт зургийн URL -г оруулаад дарна уу. Зураг авах.
Алхам 3. Зураг/сайтын урьдчилж үзэх хэсэгт хүссэн өнгийг товшино уу
Энэ нь дэлгэцийн зүүн доод буланд байгаа өнгөт зургаан өнцөгт кодыг харуулна.
Алхам 4. Hex кодыг түр санах ой руу хуулахын тулд хуулбарлах дүрс дээр дарна уу
Энэ бол зургаан талт кодын баруун талд давхцаж буй хоёр дөрвөлжин юм. Дараа нь та үүнийг ямар ч текст файл эсвэл бичих хэсэгт буулгаж болно.
4 -ийн 4 -р арга: Firefox ашиглах (Вэб дээрх өнгөний хувьд)
Алхам 1. Компьютер эсвэл Mac дээрээ Firefox -ийг нээнэ үү
Firefox вэб хөтөч нь вэб дээрх дурын өнгөний зургаан өнцөгт кодыг тодорхойлохын тулд ашиглах боломжтой Eyedropper үнэгүй хэрэгсэлтэй байдаг. Хэрэв танд Firefox байгаа бол үүнийг Start цэс (Windows) эсвэл Applications хавтас (macOS) дээрээс олох болно.
- Та Firefox-ийг https://www.mozilla.org/en-US/firefox хаягаар үнэгүй татаж авах боломжтой.
- Firefox танд вэбсайт дээрх өнгөний үнэ цэнийг л хэлэх болно. Та үүнийг хөтчийн гадна ашиглах боломжгүй.
Алхам 2. Тодорхойлохыг хүссэн өнгө агуулсан вэбсайт руу орно уу
Өнгө хэрэгтэй байгаа элемент харагдаж байгаа эсэхийг шалгаарай.
Алхам 3. Цэсийг дарна уу ☰
Энэ бол Firefox-ийн баруун дээд буланд байрлах гурван хэвтээ шугам юм.
Алхам 4. Вэб хөгжүүлэгч цэс дээр дарна уу
Өөр нэг цэс өргөжих болно.
Алхам 5. Нүдний дусаагуур дээр дарна уу
Таны хулганы курсор том тойрог болж хувирна.
Алхам 6. Та тодорхойлохыг хүсч буй өнгөө дарна уу
Та хулганаа байршил руу зөөхөд өнгөний шинэчлэлтийн зургаан өнцөгт үнэ цэнийг анзаарах болно. Хулгана дээр дарсны дараа Firefox нь hex кодыг санах ойд хадгалах болно.
Алхам 7. Кодыг хэрэгтэй газарт нь буулгана уу
Та ашиглаж болно Хяналт + В. (PC) эсвэл Command + V Hex кодыг өөрийн HTML, CSS эсвэл өөр төрлийн текст файлд буулгахын тулд (Mac).
Зөвлөмж
- Бусад вэбсайтууд, хөтөчийн өргөтгөлүүд, зураг засварлах програмууд байдаг бөгөөд энэ нь өнгөний сонголтыг ашиглан өнгөний зургаан өнцөгт кодыг харуулах боломжийг олгодог.
- Хэрэв та тохирохыг хүссэн өнгөөр вэб хуудсыг хэн бүтээсэн болохыг мэдэж байвал тэд ямар зургаан өнцөгт кодыг ашигласныг нь асууж болно. Эсвэл та вэбсайтын эх кодыг ухаж, тэнд жагсаасан зургаан өнцөгт кодыг олох боломжтой.
