Värvid mängivad olulist rolli teabe mitteverbaalsel edastamisel. Interaktiivsete värvidega veebisaiti peetakse atraktiivseks ja visuaalselt atraktiivseks. HTML-elementide värvide rakendamiseks on erinevaid meetodeid: RGB, RGBA, HEX-kood, HSLA ja HSL. Värvikoode saate siiski leida, kui uurite lehte, valite värvivalijast värve või kasutate silmatilguti funktsiooni Developers Tool paneelilt.
Selles uuringus käsitleme HTML-is värvikoodi leidmise meetodeid
1. meetod: otsige veebilehte kontrollides HTML-ist värvikoodi
Järgnevalt on toodud juhised värvikoodi leidmiseks lehte kontrollides.
1. samm: avage veebileht
Kõigepealt avage vajalik veebileht:
2. samm: valige kontrollimise suvand
Paremklõpsake lehel ja valige ' Kontrollige menüüst, mis annab juurdepääsu valikule Arendaja tööriistad ” paneel:
Selle tulemusena ' Elemendid ” vahekaart kuvatakse brauseri allosas:
3. samm: reguleerige arendaja tööriistapaneeli asukohta
Klõpsates nurgas kolmele punktile, saate valida paneeli paigutuse. Näiteks oleme valinud rohelise esiletõstetud ikooni. Lisaks saab kontrolliakna suurust muuta selle nurki lohistades:
4. samm: valige kontrollitav element
Seejärel klõpsake esiletõstetud ikoonil, et valida element, mida soovite kontrollida:
5. samm: valige element
Hõljutage kursorit elemendile, mille värvikoodi on vaja leida, ja klõpsake sellel. Selle tulemusena ' Stiilid ” avaneb vahekaart ja kuvab valitud elemendi stiiliomadused, kust tuleb valida värv, nagu näitab roheline esiletõstetud kast:
6. samm: valige värvivalijast värv
Kopeerige värvikood avanenud värvivalija aknast:
Allolev pilt näitab, et saame valida ka värve, klõpsates punase värviga esile tõstetud väikeseid värvikaste. Kollane kast tähistab kursorit, mida muudetakse järk-järgult, et näha valitud elemendi värvi:
7. samm: reguleerige värvi läbipaistmatust
Samuti saate reguleerida värvide läbipaistmatust, nagu on näidatud alloleval GIF-il:
2. meetod: leidke HTML-is värvikood, kasutades silmatilguti funktsiooni
Silmatilguti funktsiooni saab kasutada ka mis tahes värvi valimiseks veebilehelt. See funktsioon on väga mugav, kuna saab valida värvi kuvatavas aknas kõikjal.
Märge: Silmatilguti funktsiooni tähistab punane esiletõstetud kast alloleval pildil:
Siin on tilguti tööriista töö demonstratsioon:
Pärast elemendi värvi valimist kopeerige värvikood ja kleepige see oma projekti CSS-i.
Järeldus
HTML-elementide värvide rakendamiseks on erinevaid meetodeid: RGB, RGBA, HEX-kood, HSLA ja HSL. Värvikoodid leiate ' Kontrollimine ' mis tahes veebilehelt või valides värvid ' värvivalija ” ja kasutades nuppu „ Silmatilguti ' tunnusjoon. See artikkel on üksikasjalike näidetega demonstreerinud HTML-i värvikoodide leidmise protseduuri.