Värit tunnistetaan HTML: ssä ja CSS: ssä heksadesimaalikoodeilla. Jos luot verkkosivun tai muun HTML -projektin ja haluat sisällyttää tietyn värin vastaavan elementin tietokoneen näytön kuvaan, verkkosivustoon tai ikkunaan, sinun on löydettävä värin heksakoodi. Tämä wikiHow opettaa sinulle kuinka käyttää erilaisia ilmaisia työkaluja minkä tahansa värin heksakoodin nopeaan tunnistamiseen.
Askeleet
Tapa 1 /4: Digitaalisen värimittarin käyttäminen Macissa
Vaihe 1. Avaa Macin digitaalinen värimittari
Tämä macOS: n mukana toimitettu työkalu voi tunnistaa minkä tahansa näytön värin väriarvon. Avaa Finder, kaksoisnapsauta Sovellukset kansio, kaksoisnapsauta Apuohjelmat kansio ja kaksoisnapsauta sitten Digitaalinen värimittari avataksesi sen.
Vaihe 2. Siirrä hiiren kohdistin haluamasi värin kohdalle
Kun liikutat hiirtä, työkalun arvot päivittyvät reaaliajassa. Älä siirrä hiirtä tästä paikasta ennen kuin olet lukinnut sekä vaaka- että pystysuuntaiset aukot.
Voit käyttää työkalua myös värien tunnistamiseen verkossa. Avaa vain Safari (tai haluamasi selain) ja siirry verkkosivustolle, joka sisältää tunnistettavan värin
Vaihe 3. Paina ⌘ Komento+L
Tämä lukitsee sekä vaaka- että pystysuuntaiset aukot, mikä tarkoittaa, että väri -arvo ei muutu, kun liikutat hiirtä.
Vaihe 4. Kopioi heksakoodi leikepöydälle painamalla ⇧ Vaihto+⌘ Komento+C
Voit myös kopioida heksadesimaalikoodin napsauttamalla Väri valikosta ja valitsemalla Kopioi väri tekstinä.
Vaihe 5. Liitä kopioitu koodi painamalla ⌘ Command+V
Voit liittää sen suoraan HTML -koodiin, tekstitiedostoon tai muulle kirjoitusalueelle.
Vaihe 6. Avaa aukot painamalla ⌘ Command+L
Jos haluat tunnistaa toisen värin, lukitus vapautuu, joten kohdistin toimii jälleen väriarvon tunnistimena.
Tapa 2/4: Color Cop for Windows -käyttöjärjestelmä
Vaihe 1. Asenna Color Cop
Color Cop on pieni ilmainen apuohjelma, jonka avulla voit nopeasti tunnistaa minkä tahansa värin heksakoodin näytöllä. Näin saat sovelluksen:
- Siirry verkkoselaimella osoitteeseen
- Klikkaus colorcop-setup.exe kohdassa "itseasennus". Jos tiedosto ei lataudu automaattisesti, napsauta Tallentaa tai OK aloittaaksesi latauksen.
- Kaksoisnapsauta ladattua tiedostoa (se on Lataukset kansioon ja yleensä selainvälilehden vasempaan alakulmaan).
- Asenna sovellus noudattamalla näytön ohjeita.
Vaihe 2. Avaa Color Cop
Löydät sen Käynnistä -valikosta.
Vaihe 3. Vedä pipetinkuvake haluamasi värin kohdalle
Voit tunnistaa minkä tahansa värin näytöllä, mukaan lukien muiden sovellusten ja verkkosivustojen värit.
Vaihe 4. Päästä irti hiiren painikkeesta paljastaaksesi heksadesimaalikoodin
Koodi näkyy tyhjänä sovelluksen keskellä.
Vaihe 5. Kaksoisnapsauta heksakoodia ja paina Ctrl+C
Tämä kopioi heksakoodin leikepöydällesi.
Vaihe 6. Liitä koodi sinne, missä sitä tarvitset
Voit käyttää Ctrl + V liittää heksadesimaalikoodin haluamaasi paikkaan, kuten HTML- tai CSS -koodiin.
Tapa 3/4: Käytä Imagecolorpicker.com -sivustoa
Vaihe 1. Siirry tietokoneella, puhelimella tai tabletilla osoitteeseen
Tämän ilmaisen työkalun avulla voit tunnistaa ladatun kuvan minkä tahansa värin heksakoodin. Tämä menetelmä toimii missä tahansa verkkoselaimessa, mukaan lukien Android-, iPhone- tai iPad -selaimesi.
Vaihe 2. Lataa kuva tai kirjoita URL -osoite
Sinun on päätettävä, haluatko ladata oman kuvan vai käyttää jo verkossa olevaa kuvaa tai verkkosivustoa. Kumpaa tahansa menetelmää voidaan käyttää kuvan tai verkkosivun näyttämiseen halutun värin valitsemiseksi.
- Lataa kuva vierittämällä alas ja valitsemalla Lataa kuvasi, siirry tietokoneen, puhelimen tai tabletin kuvaan ja valitse sen lataamisvaihtoehto.
- Jos haluat käyttää verkkosivustoa, vieritä alas kohtaan "Käytä tätä laatikkoa saadaksesi HTML -värikoodin verkkosivustolta", syötä URL -osoite ja napsauta tai napauta Ota verkkosivusto.
- Jos haluat valita suoran kuvan verkosta koko sivuston sijaan, kirjoita kuvan URL -osoite "Käytä tätä ruutua saadaksesi HTML -värikoodin kuvasta tämän URL -osoitteen kautta" -ruutuun ja napsauta tai napauta sitten Ota kuva.
Vaihe 3. Napsauta tai napauta haluamaasi väriä kuvan/sivuston esikatselussa
Tämä näyttää värin heksakoodin näytön vasemmassa alakulmassa.
Vaihe 4. Kopioi heksakoodi leikepöydälle napsauttamalla tai napauttamalla kopiointikuvaketta
Se on kaksi päällekkäistä neliötä heksakoodin oikealla puolella. Voit sitten liittää sen mihin tahansa tekstitiedostoon tai kirjoitusalueelle.
Tapa 4/4: Firefoxin käyttäminen (verkon värit)
Vaihe 1. Avaa Firefox PC- tai Mac -tietokoneellasi
Firefox -verkkoselaimessa on ilmainen Eyedropper -työkalu, jonka avulla voit tunnistaa minkä tahansa värin heksakoodin verkossa. Jos sinulla on Firefox, löydät sen Käynnistä -valikosta (Windows) tai Sovellukset -kansiosta (macOS).
- Voit ladata Firefoxin ilmaiseksi osoitteesta
- Firefox kertoo vain verkkosivuston värin arvon. Et voi käyttää sitä selaimen ulkopuolella.
Vaihe 2. Siirry verkkosivustolle, joka sisältää tunnistettavan värin
Varmista, että tarvittava väri on näkyvissä.
Vaihe 3. Napsauta valikkoa ☰
Se on kolme vaakasuoraa viivaa Firefoxin oikeassa yläkulmassa.
Vaihe 4. Napsauta Web -kehittäjä -valikkoa
Toinen valikko laajenee.
Vaihe 5. Napsauta Pipetti
Hiiren kohdistin muuttuu suureksi ympyräksi.
Vaihe 6. Napsauta tunnistettavaa väriä
Huomaat värien päivityksen heksadesimaalin, kun siirrät hiiren sijaintiin. Kun napsautat hiirtä, Firefox tallentaa heksakoodin leikepöydällesi.
Vaihe 7. Liitä koodi sinne, missä sitä tarvitset
Voit käyttää Control + V (PC) tai Komento + V (Mac) liittääksesi heksakoodin HTML-, CSS- tai muuhun tekstitiedostoon.
Vinkkejä
- On myös muita verkkosivustoja, selainlaajennuksia ja kuvankäsittelyohjelmia, joiden avulla voit myös käyttää värinvalitsinta paljastamaan värisävyn heksadesimaalikoodin.
- Jos tiedät, kuka loi verkkosivun haluamallasi värillä, voit aina kysyä heiltä, mitä heksakoodia he käyttivät. Vaihtoehtoisesti voit kaivaa sivuston lähdekoodin löytääksesi siellä luetellun heksakoodin.