Firefox: kuidas tuvastada veebilehel kindlat värvi

Kui olete disainer, pöörate tõenäoliselt tähelepanu kasutatavate asjade kujundusele, otsides inspiratsiooni või ideid, mida soovite omaks võtta. Veebisaidid ei erine üksteisest ja veebisaidi kujunduse üks võtmeosi on värvide kasutamine. Kui leiate veebisaidi, millel on töötava või mõtleva projekti jaoks ideaalne värv, soovite tõenäoliselt välja selgitada, mis värvi see on. Kuigi võite teha ekraanipildi, avada selle pildiredaktoris ja seejärel vaadata RGB väärtusi, on see protsess aeglane. Firefoxil on tegelikult sisseehitatud värvivalimise tööriist, nii et saate säästa aega ja saada täpse väärtuse veebis kasutatavas kuueteistkümnendsüsteemis HTML-värvivormingus.

Kuidas kasutada värvivalijat

Firefoxi värvivalija leiate arendaja tööriistaribalt. Sellele juurdepääsuks klõpsake paremas ülanurgas burgerimenüü ikooni ja seejärel nuppu "Web Developer", mis asub alt neljandana.

Klõpsake paremas ülanurgas burgeri menüü ikoonil ja seejärel valikul "Web Developer".

Veebiarendaja tööriistade loendis klõpsake "Eyedropper" ja avaneb tilguti tööriist.

Näpunäide: tilguti tööriista ei saa vahekaartide või akende vahel liigutada, seega avage see kindlasti sellel vahekaardil, millel soovite seda kasutada. Samuti ei saa te lehte kerida, seega veenduge, et see oleks õigesse kohta lehel. Kuigi saate tehniliselt sisse ja välja suumida, põhjustab see värvivalija tsentreerimise katkemise, muutes selle täpse kasutamise palju raskemaks.

Valige veebiarendaja tööriistade loendist "Eyedropper".

Tilguti tööriist järgib hiirt üle akna, nii et liigutage keskne esiletõstetud ruut värvi kohale, mida soovite valida. Suumitase on piisavalt täpne, et saaksite hõlpsasti näha ja valida konkreetse piksli värvi.

Piksli HTML-värvikood kuvatakse suumitööriista all olevas väikeses kastis, kuid kui klõpsate soovitud värvil, kopeeritakse see ka lõikepuhvrisse. Pidage meeles, et klõpsamine sulgeb värvivalija ja sunnib teid selle uuesti avama, kui soovite valida mitu värvi.

Liigutage kursorit konkreetse piksli kohale, mille värv teile meeldib, seejärel märkige üles HTML-i värvikood või klõpsake selle kopeerimiseks lõikelauale.