A színek létfontosságú szerepet játszanak az információ non-verbális közvetítésében. Az interaktív színekkel rendelkező webhely vonzónak és vizuálisan vonzónak számít. Különféle módszerek vannak a HTML elemek színeinek alkalmazására: RGB, RGBA, HEX Code, HSLA és HSL. A színkódokat azonban megtalálhatja, ha megnézi az oldalt, kiválasztja a színeket a színválasztóból, vagy használja a szemcseppentő funkciót a Fejlesztői eszköz panelen.
Ebben a tanulmányban a HTML-ben található színkód megtalálásának módszereit tárgyaljuk
1. módszer: Keressen színkódot a HTML-ben a weboldal megtekintésével
A következő lépések a színkód megtalálásához az oldal megtekintésével.
1. lépés: Nyissa meg a weboldalt
Először nyissa meg a kívánt weboldalt:
2. lépés: Válassza az Ellenőrzési lehetőséget
Kattintson jobb gombbal az oldalra, és válassza ki a „ Vizsgálja meg ” opciót a menüből, amely hozzáférést biztosít a „ Fejlesztői eszközök ” panel:
Ennek eredményeként a „ Elemek ” fül jelenik meg a böngésző alján:
3. lépés: Állítsa be a Fejlesztői eszköz panel helyét
A sarokban lévő három pontra kattintva kiválaszthatja a panel elhelyezését. Például kiválasztottuk a zölddel kiemelt ikont. Ezenkívül a vizsgálóablak átméretezhető a sarkainak húzásával:
4. lépés: Válassza ki az Ellenőrzendő elemet
Ezután kattintson a kiemelt ikonra a vizsgálni kívánt elem kiválasztásához:
5. lépés: Válassza ki az elemet
Mutasson rá arra az elemre, amelynek színkódját meg kell találni, és kattintson rá. Ennek eredményeként a „ Stílusok ” fül megnyílik, és megjeleníti a kiválasztott elem stílustulajdonságait, ahonnan ki kell választani a színt a zölden kiemelt mezőben látható módon:
6. lépés: Válassza ki a Színt a Színválasztóból
Másolja ki a színkódot a megnyílt színválasztó ablakból:
Az alábbi képen látható, hogy a piros színnel kiemelt kis színmezőkre kattintva is választhatunk színeket. Míg a sárga mező egy mutatót jelöl, amely fokozatosan változik a kiválasztott elem színének megtekintéséhez:
7. lépés: Állítsa be a szín átlátszatlanságát
A szín átlátszatlanságát az alábbi GIF-en is beállíthatja:
2. módszer: Keressen színkódot a HTML-ben a szemcseppentő funkció használatával
A szemcseppentő funkció arra is használható, hogy bármilyen színt kiválaszthasson a weboldalról. Ez a funkció nagyon praktikus, mivel a megjelenített ablakban bárhol kiválaszthat egy színt.
Jegyzet: A szemcseppentő funkciót az alábbi képen a pirosan kiemelt négyzet képviseli:
Az alábbiakban bemutatjuk a szemcseppentő eszköz működését:
Miután kiválasztotta az elem színét, másolja ki a színkódot, és illessze be projektje CSS-jába.
Következtetés
Különféle módszerek vannak a HTML elemek színeinek alkalmazására: RGB, RGBA, HEX Code, HSLA és HSL. A színkódokat a „ Ellenőrzés ' bármely weboldalt, vagy a színek kiválasztásával a ' színválasztó ” és a „ Szemcseppentő ' funkció. Ez a cikk részletes példákkal szemlélteti a színkódok HTML-ben történő megtalálásának eljárását.