Come trovare un codice colore in HTML

I colori svolgono un ruolo vitale nel trasmettere informazioni non verbalmente. Un sito Web con colori interattivi è considerato attraente e visivamente accattivante. Esistono diversi metodi per applicare i colori per gli elementi HTML: RGB, RGBA, Codice esadecimale, HSLA e HSL. Tuttavia, è possibile trovare codici a colori ispezionando la pagina, selezionando i colori dal raccoglitore a colori o utilizzando la funzione di droverper oculare dal pannello degli strumenti degli sviluppatori.

In questo studio, discuteremo i metodi per trovare codice colore in HTML

• Ispezionando la pagina
• Utilizzando la funzione di cavaliere eye

Metodo 1: trova un codice colore in HTML ispezionando la pagina Web

Di seguito sono riportati i passaggi per trovare il codice colore ispezionando la pagina.

Passaggio 1: apri la pagina Web

Innanzitutto, apri la pagina Web richiesta:

Passaggio 2: selezionare l'opzione ispeziona

Fare clic con il tasto destro sulla pagina e selezionare "Ispezionare"Opzione dal menu, che fornirà l'accesso al"Strumenti di sviluppo"Pannello:

Di conseguenza, il "Elementi"La scheda verrà visualizzata nella parte inferiore del browser:

Passaggio 3: regola il luogo del pannello degli strumenti per sviluppatori

Facendo clic sui tre punti dall'angolo, è possibile selezionare il posizionamento del pannello. Ad esempio, abbiamo selezionato l'icona Green evidenziata. Inoltre, la finestra di ispezione può essere ridimensionata trascinando gli angoli:

Passaggio 4: selezionare l'elemento per ispezionare

Quindi, fai clic sull'icona evidenziata per selezionare l'elemento che si desidera ispezionare:

Passaggio 5: scegli l'elemento

Passa l'elemento il cui codice colore deve essere trovato e fare clic su di esso. Di conseguenza, il "Stili"La scheda si apre e visualizza le proprietà di styling dell'elemento selezionato, da dove è necessario selezionare il colore come mostrato dalla casella Green Evidenced:

Passaggio 6: Scegli il colore da Color Picker

Copia il codice colore dalla finestra del selettore a colori aperto:

L'immagine seguente indica che possiamo anche selezionare i colori facendo clic sulle piccole caselle di colore evidenziate dal colore rosso. Mentre la scatola gialla rappresenta un puntatore che viene cambiato gradualmente per vedere il colore dell'elemento selezionato:

Passaggio 7: regola l'opacità del colore

Puoi anche regolare l'opacità del colore come dimostrato nella gif seguente:

Metodo 2: trova un codice colore in HTML utilizzando la funzione droverper occhio

La funzione di droverper per occhio può anche essere utilizzata per scegliere qualsiasi colore dalla pagina Web. Questa funzione è molto utile in quanto può selezionare un colore da qualsiasi luogo nella finestra visualizzata.

Nota: La funzione di droverper oculare è rappresentata dalla casella evidenziata rossa nell'immagine seguente:

Ecco una dimostrazione del funzionamento dello strumento di droverper occhio:

Dopo aver selezionato il colore per il tuo elemento, copia il codice colore e incollalo nel CSS del tuo progetto.

Conclusione

Esistono diversi metodi per applicare i colori per gli elementi HTML: RGB, RGBA, Codice esadecimale, HSLA e HSL. Puoi trovare codici a colori di "Ispezione"Qualsiasi pagina web o selezionando i colori da"color Picker"E usando il"Droverper" caratteristica. Questo articolo ha dimostrato la procedura per trovare codici a colori in HTML con esempi dettagliati.