Culorile joacă un rol vital în transmiterea informației non-verbal. Un site web cu culori interactive este considerat atractiv și atrăgător din punct de vedere vizual. Există diferite metode de aplicare a culorilor pentru elementele HTML: RGB, RGBA, HEX Code, HSLA și HSL. Cu toate acestea, puteți găsi coduri de culoare inspectând pagina, selectând culorile din selectorul de culori sau folosind funcția de picurare din panoul Instrumentului pentru dezvoltatori.
În acest studiu, vom discuta metodele de găsire a codului de culoare în HTML
Metoda 1: Găsiți un cod de culoare în HTML prin inspectarea paginii web
Următorii sunt pașii pentru a găsi codul de culoare prin inspectarea paginii.
Pasul 1: Deschideți pagina web
Mai întâi, deschideți pagina web necesară:
Pasul 2: Selectați opțiunea de inspectare
Faceți clic dreapta pe pagină și selectați „ Inspecta ” din meniu, care va oferi acces la “ Instrumente de dezvoltare ” panou:
Ca urmare, „ Elemente ” va fi afișată în partea de jos a browserului:
Pasul 3: Ajustați locul panoului de instrumente pentru dezvoltatori
Făcând clic pe cele trei puncte din colț, puteți selecta amplasarea panoului. De exemplu, am selectat pictograma verde evidențiată. Mai mult, fereastra de inspectare poate fi redimensionată trăgându-i colțurile:
Pasul 4: Selectați elementul de inspectat
Apoi, faceți clic pe pictograma evidențiată pentru a selecta elementul pe care doriți să îl inspectați:
Pasul 5: Alegeți elementul
Plasați cursorul pe elementul al cărui cod de culoare trebuie găsit și faceți clic pe el. Ca urmare, „ Stiluri ” se deschide și afișează proprietățile de stil ale elementului selectat, de unde trebuie să selectați culoarea așa cum este indicată de caseta evidențiată verde:
Pasul 6: Alegeți culoarea din selectorul de culori
Copiați codul de culoare din fereastra de selectare a culorilor deschisă:
Imaginea de mai jos indică faptul că putem selecta culorile făcând clic pe casetele mici de culoare evidențiate cu culoarea roșie. În timp ce caseta galbenă reprezintă un indicator care se schimbă treptat pentru a vedea culoarea elementului selectat:
Pasul 7: Reglați opacitatea culorii
De asemenea, puteți ajusta opacitatea culorii, așa cum este demonstrat în GIF-ul de mai jos:
Metoda 2: Găsiți un cod de culoare în HTML utilizând funcția Picurator
Funcția de picurare pentru ochi poate fi utilizată și pentru a alege orice culoare de pe pagina web. Această caracteristică este foarte utilă, deoarece poate selecta o culoare de oriunde în fereastra afișată.
Notă: Funcția de picurare pentru ochi este reprezentată de caseta evidențiată în roșu din imaginea de mai jos:
Iată o demonstrație a funcționării instrumentului de picurare pentru ochi:
După ce ați selectat culoarea pentru elementul dvs., copiați codul de culoare și inserați-l în CSS-ul proiectului.
Concluzie
Există diferite metode de aplicare a culorilor pentru elementele HTML: RGB, RGBA, HEX Code, HSLA și HSL. Puteți găsi coduri de culoare prin „ Inspectarea „ orice pagină web sau selectând culorile din „ selector de culoare ” și folosind „ Picurator pentru ochi ' caracteristică. Acest articol a demonstrat procedura pentru găsirea codurilor de culoare în HTML cu exemple detaliate.