A színeket a HTML és a CSS hexadecimális kódokkal azonosítja. Ha weboldalt vagy más HTML -projektet hoz létre, és olyan elemet szeretne tartalmazni, amely megfelel egy adott színnek a számítógép képernyőjén lévő képen, webhelyen vagy ablakban, akkor meg kell találnia a szín hexadecimális kódját. Ez a wikiHow megtanítja, hogyan használhat különféle ingyenes eszközöket bármely szín hexadecimális kódjának gyors azonosítására.
Lépések
1. módszer a 4 -ből: Digitális színmérő használata Mac számítógépen
1. lépés: Nyissa meg a digitális színmérőt a Mac számítógépén
Ez az eszköz, amely a macOS -hoz tartozik, képes azonosítani a képernyő bármely színének színértékét. Nyissa meg a Finder alkalmazást, kattintson duplán a Alkalmazások mappában kattintson duplán a segédprogramok mappát, majd kattintson duplán Digitális színmérő hogy kinyissa.
2. lépés. Vigye az egérmutatót az azonosítani kívánt színre
Az egér mozgatása közben az eszköz értékei valós időben frissülnek. Ne mozgassa az egeret erről a helyről, amíg le nem zárja mind a vízszintes, mind a függőleges nyílásokat.
Az eszközzel azonosíthatja a színeket az interneten is. Csak nyissa meg a Safarit (vagy a kívánt böngészőt), és navigáljon egy olyan webhelyre, amely tartalmazza az azonosítani kívánt színt
3. lépés Nyomja meg a ⌘ Command+L billentyűkombinációt
Ez rögzíti mind a vízszintes, mind a függőleges nyílásokat, ami azt jelenti, hogy a színérték nem változik az egér mozgatásakor.
4. lépés: A x Shift+⌘ Command+C billentyűkombinációval másolja a hexadecimális kódot a vágólapra
A hexadecimális kódot a Szín menü és a kiválasztás Szín másolása szövegként.
5. lépés: A ⌘ Command+V billentyűkombinációval illessze be a másolt kódot
Beillesztheti közvetlenül a HTML -kódba, szövegfájlba vagy bármely más gépelési területre.
6. lépés: Nyomja meg a ⌘ Command+L gombot a rekeszek feloldásához
Ha másik színt szeretne azonosítani, akkor ez feloldja a zárolást, így a kurzor ismét színérték -azonosítóként működik.
2. módszer a 4 -ből: A Color Cop for Windows használata
1. lépés: Telepítse a Color Cop alkalmazást
A Color Cop egy kicsi, ingyenes segédprogram, amellyel gyorsan azonosíthatja a képernyőn megjelenő bármely szín hexadecimális kódját. A következőképpen szerezheti be az alkalmazást:
- Nyissa meg a https://colorcop.net/download webhelyet egy webböngészőben.
- Kattintson colorcop-setup.exe az "öntelepítés" alatt. Ha a fájl nem töltődik le automatikusan, kattintson a gombra Megment vagy rendben elindítani a letöltést.
- Kattintson duplán a letöltött fájlra (ez a Letöltések mappában, és általában a böngésző lap bal alsó sarkában).
- Kövesse a képernyőn megjelenő utasításokat az alkalmazás telepítéséhez.
2. lépés: Nyissa meg a Color Cop alkalmazást
Megtalálja a Start menüben.
3. lépés Húzza a pipetta ikont az azonosítani kívánt színre
Bármilyen színt azonosíthat a képernyőn, beleértve a más alkalmazásokban és webhelyeken megjelenő színeket is.
4. lépés: Engedje el az egérgombot a hexadecimális kód megjelenítéséhez
A kód az alkalmazás közepén lévő üres helyen jelenik meg.
5. lépés: Kattintson duplán a hexadecimális kódra, és nyomja meg a Ctrl+C billentyűkombinációt
Ezzel a hexadecimális kódot a vágólapra másolja.
6. lépés: Illessze be a kódot oda, ahol szüksége van rá
Te tudod használni Ctrl + V hogy illessze be a hexadecimális kódot tetszőleges helyre, például a HTML- vagy CSS -kódba.
3. módszer a 4 -ből: Az Imagecolorpicker.com használata
1. lépés: Nyissa meg a https://imagecolorpicker.com webhelyet számítógépén, telefonján vagy táblagépén
Ezzel az ingyenes eszközzel azonosíthatja a feltöltött kép bármely színének hexadecimális kódját. Ez a módszer bármely webböngészőben működik, beleértve az Android, iPhone vagy iPad böngészőit is.
2. lépés. Töltsön fel egy képet vagy írjon be egy URL -t
El kell döntenie, hogy fel szeretné -e tölteni saját képét, vagy olyan képet vagy webhelyet szeretne használni, amely már online van. Bármelyik módszer használható kép vagy weboldal megjelenítésére, hogy kiválaszthassa a kívánt színt.
- Kép feltöltéséhez görgessen lefelé, és válassza a lehetőséget Töltse fel a képét, navigáljon a képhez számítógépén, telefonján vagy táblagépén, és válassza ki a feltöltési lehetőséget.
- Webhely használatához görgessen le a "Használja ezt a mezőt a HTML -színkód webhelyről való lekéréséhez" lehetőséghez, írja be az URL -t, majd kattintson vagy koppintson Vegye fel a webhelyet.
- Ha közvetlen képet szeretne kiválasztani az interneten, nem pedig egy teljes webhelyet, írja be a kép URL -jét a "Használja ezt a mezőt a HTML -színkód lekéréséhez a képen ezen az URL -en keresztül" mezőbe, majd kattintson vagy koppintson Készítsen képet.
3. lépés. Kattintson vagy koppintson a kívánt színre a kép/webhely előnézetében
Ez megjeleníti a színes hexadecimális kódot a képernyő bal alsó sarkában.
4. lépés. Kattintson vagy koppintson a másolás ikonra a hexadecimális kód vágólapra másolásához
Ez a hexakódtól jobbra lévő két egymást átfedő négyzet. Ezután beillesztheti bármely szövegfájlba vagy gépelési területre.
4. módszer a 4 -ből: A Firefox használata (az internetes színekhez)
1. lépés: Nyissa meg a Firefoxot PC -jén vagy Mac számítógépén
A Firefox webböngésző ingyenes Eyedropper eszközzel rendelkezik, amellyel azonosíthatja a weben található színek hexadecimális kódját. Ha Firefoxot használ, akkor a Start menüben (Windows) vagy az Applications mappában (macOS) találja.
- A Firefoxot ingyenesen letöltheti a https://www.mozilla.org/en-US/firefox webhelyről.
- A Firefox csak a színek értékét fogja megmondani egy webhelyen. A böngészőn kívül nem használhatja.
2. lépés: Látogasson el egy webhelyre, amely tartalmazza az azonosítani kívánt színt
Győződjön meg arról, hogy látható -e az az elem, amelynek színéhez szüksége van.
3. lépés. Kattintson a menüre ☰
Ez a három vízszintes vonal a Firefox jobb felső sarkában.
4. lépés Kattintson a Webfejlesztő menüre
Egy másik menü bővül.
5. lépés Kattintson a Pipetta
Az egérmutató nagy körré változik.
6. lépés. Kattintson az azonosítani kívánt színre
Észre fogja venni a színek frissítésének hexadecimális értékét, amint az egeret a kívánt helyre mozgatja. Miután rákattintott az egérre, a Firefox elmenti a hexadecimális kódot a vágólapra.
7. lépés: Illessze be a kódot oda, ahol szüksége van rá
Te tudod használni Control + V (PC) vagy Command + V (Mac), hogy illessze be a hexadecimális kódot a HTML, CSS vagy bármely más típusú szöveges fájlba.
Tippek
- Vannak más webhelyek, böngészőbővítmények és képszerkesztő programok is, amelyek lehetővé teszik a színválasztó használatával a színárnyalat hexadecimális kódjának felfedését is.
- Ha tudja, ki hozta létre a weboldalt a megfelelő színnel, akkor mindig megkérdezheti, hogy milyen hexadecimális kódot használtak. Alternatív megoldásként beleáshatja magát a webhely forráskódjába, és megtalálja az ott felsorolt hexadecimális kódot.