Farby zohrávajú dôležitú úlohu pri neverbálnom sprostredkovaní informácií. Webová stránka s interaktívnymi farbami sa považuje za atraktívnu a vizuálne príťažlivú. Existujú rôzne spôsoby použitia farieb pre prvky HTML: RGB, RGBA, HEX kód, HSLA a HSL. Farebné kódy však môžete nájsť tak, že si prezriete stránku, vyberiete farby z nástroja na výber farieb alebo použijete funkciu kvapkadla na paneli nástrojov pre vývojárov.
V tejto štúdii budeme diskutovať o metódach hľadania farebného kódu v HTML
Metóda 1: Nájdite farebný kód v HTML prehliadkou webovej stránky
Nasledujú kroky na nájdenie farebného kódu kontrolou stránky.
Krok 1: Otvorte webovú stránku
Najprv otvorte požadovanú webovú stránku:
Krok 2: Vyberte možnosť Inspect
Kliknite pravým tlačidlom myši na stránku a vyberte možnosť „ Skontrolujte “ z ponuky, ktorá poskytne prístup k „ Nástroje pre vývojárov panel:
Výsledkom je, že „ Prvky “ sa zobrazí v spodnej časti prehliadača:
Krok 3: Upravte umiestnenie panela nástrojov pre vývojárov
Kliknutím na tri bodky v rohu môžete vybrať umiestnenie panelu. Vybrali sme napríklad zeleno zvýraznenú ikonu. Okrem toho je možné zmeniť veľkosť kontrolného okna potiahnutím jeho rohov:
Krok 4: Vyberte prvok na kontrolu
Potom kliknite na zvýraznenú ikonu a vyberte prvok, ktorý chcete skontrolovať:
Krok 5: Vyberte prvok
Umiestnite kurzor myši na prvok, ktorého farebný kód je potrebné nájsť, a kliknite naň. Výsledkom je, že „ Štýly Otvorí sa záložka ” a zobrazí vlastnosti štýlu vybraného prvku, odkiaľ musíte vybrať farbu, ako je znázornené na zeleno zvýraznenom poli:
Krok 6: Vyberte farbu z výberu farieb
Skopírujte kód farby z otvoreného okna výberu farieb:
Obrázok nižšie ukazuje, že farby môžeme vybrať aj kliknutím na malé farebné políčka zvýraznené červenou farbou. Zatiaľ čo žlté pole predstavuje ukazovateľ, ktorý sa postupne mení, aby sa zobrazila farba vybratého prvku:
Krok 7: Upravte nepriehľadnosť farieb
Môžete tiež upraviť nepriehľadnosť farieb, ako je znázornené na obrázku nižšie:
Metóda 2: Nájdite farebný kód v HTML pomocou funkcie kvapkadla očí
Funkciu kvapkadla oka možno využiť aj na výber akejkoľvek farby z webovej stránky. Táto funkcia je veľmi užitočná, pretože dokáže vybrať farbu z ľubovoľného miesta v zobrazenom okne.
Poznámka: Funkciu kvapkadla na obrázku nižšie predstavuje červený zvýraznený rámček:
Tu je ukážka fungovania nástroja Eye dropper:
Po výbere farby pre svoj prvok skopírujte kód farby a vložte ho do CSS svojho projektu.
Záver
Existujú rôzne spôsoby použitia farieb pre prvky HTML: RGB, RGBA, HEX kód, HSLA a HSL. Kódy farieb nájdete podľa „ Kontrola “na ľubovoľnej webovej stránke alebo výberom farieb z “ výber farby “ a pomocou „ Očné kvapkadlo “. Tento článok demonštroval postup pri hľadaní farebných kódov v HTML s podrobnými príkladmi.