Färger spelar en viktig roll för att förmedla information icke-verbalt. En webbplats med interaktiva färger anses vara attraktiv och visuellt tilltalande. Det finns olika metoder för att applicera färger för HTML-elementen: RGB, RGBA, HEX Code, HSLA och HSL. Du kan dock hitta färgkoder genom att inspektera sidan, välja färger från färgväljaren eller använda pipettfunktionen från panelen för utvecklarverktyg.
I denna studie kommer vi att diskutera metoderna för att hitta färgkod i HTML
Metod 1: Hitta en färgkod i HTML genom att inspektera webbsidan
Följande är stegen för att hitta färgkoden genom att inspektera sidan.
Steg 1: Öppna webbsidan
Öppna först den obligatoriska webbsidan:
Steg 2: Välj Inspektera alternativ
Högerklicka på sidan och välj ' Inspektera '-alternativet från menyn, som ger tillgång till ' Utvecklarverktyg ” panel:
Som ett resultat har ' Element fliken ' kommer att visas längst ned i webbläsaren:
Steg 3: Justera platsen för verktygspanelen för utvecklare
Genom att klicka på de tre prickarna från hörnet kan du välja placeringen av panelen. Till exempel har vi valt den grönt markerade ikonen. Dessutom kan inspektionsfönstret ändra storlek genom att dra dess hörn:
Steg 4: Välj element att inspektera
Klicka sedan på den markerade ikonen för att välja det element som du vill inspektera:
Steg 5: Välj elementet
Håll muspekaren över elementet vars färgkod behöver hittas och klicka på det. Som ett resultat har ' Stilar ”-fliken öppnas och visar stilegenskaperna för det valda elementet, varifrån du måste välja färgen som visas av den gröna markerade rutan:
Steg 6: Välj färg från färgväljaren
Kopiera färgkoden från det öppnade färgväljarfönstret:
Bilden nedan visar att vi också kan välja färger genom att klicka på de små färgrutorna som är markerade med röd färg. Medan den gula rutan representerar en pekare som ändras gradvis för att se färgen på det valda elementet:
Steg 7: Justera färgens opacitet
Du kan också justera färgopaciteten som visas i nedanstående GIF:
Metod 2: Hitta en färgkod i HTML genom att använda pipettfunktionen
Eye dropper-funktionen kan också användas för att välja vilken färg som helst från webbsidan. Den här funktionen är väldigt praktisk eftersom den kan välja en färg var som helst i det visade fönstret.
Notera: Eye dropper-funktionen representeras av den rödmarkerade rutan i bilden nedan:
Här är en demonstration av hur pipettverktyget fungerar:
Efter att ha valt färg för ditt element, kopiera färgkoden och klistra in den i CSS för ditt projekt.
Slutsats
Det finns olika metoder för att applicera färger för HTML-elementen: RGB, RGBA, HEX Code, HSLA och HSL. Du kan hitta färgkoder genom att ' Inspekterar ' vilken webbsida som helst eller genom att välja färger från ' färgväljare ' och med hjälp av ' Ögon droppar ' funktion. Den här artikeln har demonstrerat proceduren för att hitta färgkoder i HTML med detaljerade exempel.