Jak najít kód barvy v HTML

Barvy hrají zásadní roli při neverbálním předávání informací. Web s interaktivními barvami je považován za atraktivní a vizuálně přitažlivý. Existují různé metody, jak použít barvy pro prvky HTML: RGB, RGBA, HEX kód, HSLA a HSL. Barevné kódy však můžete najít prozkoumáním stránky, výběrem barev z nástroje pro výběr barev nebo pomocí funkce kapátka z panelu nástrojů pro vývojáře.

V této studii budeme diskutovat o metodách hledání barevného kódu v HTML

• Kontrolou stránky
• Pomocí funkce kapátka

Metoda 1: Vyhledejte kód barvy v HTML kontrolou webové stránky

Následují kroky k nalezení barevného kódu kontrolou stránky.

Krok 1: Otevřete webovou stránku

Nejprve otevřete požadovanou webovou stránku:

Krok 2: Vyberte možnost Inspect

Klikněte pravým tlačítkem na stránku a vyberte „ Kontrolovat “ z nabídky, která poskytne přístup k „ Vývojářské nástroje 'panel:

V důsledku toho „ Prvky V dolní části prohlížeče se zobrazí karta ”:

Krok 3: Upravte umístění panelu nástrojů pro vývojáře

Kliknutím na tři tečky z rohu můžete vybrat umístění panelu. Vybrali jsme například zeleně zvýrazněnou ikonu. Kromě toho lze velikost okna inspekce změnit přetažením jeho rohů:

Krok 4: Vyberte prvek, který chcete zkontrolovat

Poté klikněte na zvýrazněnou ikonu a vyberte prvek, který chcete zkontrolovat:

Krok 5: Vyberte prvek

Najeďte na prvek, jehož barevný kód je třeba najít, a klikněte na něj. V důsledku toho „ Styly ” se otevře karta a zobrazí se vlastnosti stylu vybraného prvku, kde musíte vybrat barvu, jak ukazuje zeleně zvýrazněné pole:

Krok 6: Vyberte barvu z nástroje Color Picker

Zkopírujte kód barvy z otevřeného okna pro výběr barvy:

Obrázek níže ukazuje, že barvy můžeme vybrat také kliknutím na malá barevná políčka zvýrazněná červenou barvou. Zatímco žluté pole představuje ukazatel, který se postupně mění, aby se zobrazila barva vybraného prvku:

Krok 7: Upravte neprůhlednost barev

Můžete také upravit neprůhlednost barev, jak je ukázáno na níže uvedeném GIF:

Metoda 2: Najděte kód barvy v HTML pomocí funkce kapátka

Funkci kapátka lze také využít k výběru libovolné barvy z webové stránky. Tato funkce je velmi užitečná, protože dokáže vybrat barvu odkudkoli v zobrazeném okně.

Poznámka: Funkce kapátka je znázorněna červeně zvýrazněným rámečkem na obrázku níže:

Zde je ukázka fungování nástroje kapátko:

Po výběru barvy pro váš prvek zkopírujte kód barvy a vložte jej do CSS svého projektu.

Závěr

Existují různé metody, jak použít barvy pro prvky HTML: RGB, RGBA, HEX kód, HSLA a HSL. Barevné kódy najdete podle „ Inspekce “ na jakékoli webové stránce nebo výběrem barev z “ výběr barvy “ a pomocí „ Oční kapátko ' Vlastnosti. Tento článek demonstroval postup hledání barevných kódů v HTML s podrobnými příklady.