Krāsas HTML un CSS identificē pēc heksadecimālajiem kodiem. Ja veidojat tīmekļa lapu vai citu HTML projektu un vēlaties datora ekrānā attēlā, vietnē vai logā iekļaut elementu, kas atbilst noteiktai krāsai, jums jāatrod krāsas heksadecimālais kods. Šajā vietnē wikiHow ir iemācīts izmantot dažādus bezmaksas rīkus, lai ātri identificētu jebkuras krāsas heksadecimālo kodu.
Soļi
1. metode no 4: digitālā krāsu mērītāja izmantošana Mac datorā
1. solis. Atveriet ciparu krāsu mērītāju savā Mac datorā
Šis rīks, kas tiek piegādāts kopā ar macOS, var noteikt jebkuras krāsas krāsu vērtību ekrānā. Atveriet Finder, veiciet dubultklikšķi uz Lietojumprogrammas mapi, veiciet dubultklikšķi uz Komunālie pakalpojumi mapi un pēc tam veiciet dubultklikšķi Digitālais krāsu mērītājs lai to atvērtu.
2. solis. Pārvietojiet peles kursoru uz krāsu, kuru vēlaties identificēt
Pārvietojot peli, rīka vērtības tiks atjauninātas reāllaikā. Nepārvietojiet peli no šīs vietas, kamēr neesat bloķējis gan horizontālās, gan vertikālās atveres.
Varat arī izmantot rīku, lai identificētu krāsas tīmeklī. Vienkārši atveriet Safari (vai vēlamo pārlūkprogrammu) un dodieties uz vietni, kurā ir krāsa, kuru vēlaties identificēt
3. solis. Nospiediet ⌘ Command+L
Tas bloķē gan horizontālās, gan vertikālās atveres, kas nozīmē, ka, pārvietojot peli, krāsu vērtība nemainīsies.
4. solis. Nospiediet ⇧ Shift+⌘ Command+C, lai kopētu heksadecimālo kodu starpliktuvē
Varat arī nokopēt heksadecimālo kodu, noklikšķinot uz Krāsa izvēlni un izvēloties Kopēt krāsu kā tekstu.
5. solis. Nospiediet ⌘ Command+V, lai ielīmētu kopēto kodu
Varat to ielīmēt tieši savā HTML kodā, teksta failā vai jebkurā citā rakstīšanas apgabalā.
6. darbība. Nospiediet ⌘ Command+L, lai atbloķētu atveres
Ja vēlaties identificēt citu krāsu, tas atbrīvo bloķēšanu, tāpēc kursors atkal darbojas kā krāsas vērtības identifikators.
2. metode no 4: Color Cop izmantošana Windows
1. solis. Instalējiet Color Cop
Color Cop ir maza, bezmaksas utilīta, kuru varat izmantot, lai ātri identificētu ekrānā jebkuras krāsas heksadecimālo kodu. Tālāk ir norādīts, kā iegūt lietotni.
- Tīmekļa pārlūkprogrammā dodieties uz vietni
- Klikšķis colorcop-setup.exe sadaļā "pašinstalēšana". Ja fails netiek lejupielādēts automātiski, noklikšķiniet uz Saglabāt vai labi lai sāktu lejupielādi.
- Veiciet dubultklikšķi uz lejupielādētā faila (tas atrodas Lejupielādes mapē un parasti pārlūkprogrammas cilnes apakšējā kreisajā stūrī).
- Lai instalētu programmu, izpildiet ekrānā redzamos norādījumus.
2. solis. Atveriet Color Cop
Jūs to atradīsit izvēlnē Sākt.
3. solis. Velciet pipetes ikonu uz krāsu, kuru vēlaties identificēt
Ekrānā varat identificēt jebkuru krāsu, ieskaitot citas lietojumprogrammas un vietnes.
4. solis. Atlaidiet peles pogu, lai atklātu heksadecimālo kodu
Kods parādīsies tukšā vietā lietojumprogrammas centrā.
5. solis. Veiciet dubultklikšķi uz heksadecimālā koda un nospiediet Ctrl+C
Tādējādi heksadecimālais kods tiek kopēts starpliktuvē.
6. solis. Ielīmējiet kodu, kur tas nepieciešams
Tu vari izmantot Ctrl + V. lai ielīmētu heksadecimālo kodu jebkurā vietā, piemēram, HTML vai CSS kodā.
3. metode no 4: izmantojot Imagecolorpicker.com
1. darbība. Datorā, tālrunī vai planšetdatorā atveriet vietni
Varat izmantot šo bezmaksas rīku, lai augšupielādētajā attēlā identificētu jebkuras krāsas heksadecimālo kodu. Šī metode darbosies jebkurā tīmekļa pārlūkprogrammā, tostarp jūsu Android, iPhone vai iPad ierīcēs.
2. darbība. Augšupielādējiet attēlu vai ievadiet URL
Jums jāizlemj, vai augšupielādēt savu attēlu vai izmantot attēlu vai vietni, kas jau ir tiešsaistē. Jebkuru metodi var izmantot, lai parādītu attēlu vai tīmekļa lapu, lai jūs varētu izvēlēties vēlamo krāsu.
- Lai augšupielādētu attēlu, ritiniet uz leju un izvēlieties Augšupielādējiet savu attēlu, dodieties uz attēlu savā datorā, tālrunī vai planšetdatorā un izvēlieties iespēju to augšupielādēt.
- Lai izmantotu vietni, ritiniet uz leju līdz opcijai "Izmantojiet šo lodziņu, lai iegūtu HTML krāsu kodu no vietnes", ievadiet URL un pēc tam noklikšķiniet vai pieskarieties Paņemiet vietni.
- Lai tīmeklī atlasītu tiešu attēlu, nevis visu vietni, lodziņā "Izmantojiet šo lodziņu, lai iegūtu attēla HTML krāsu kodu, izmantojot šo URL", ievadiet attēla URL, pēc tam noklikšķiniet vai pieskarieties Uzņemiet attēlu.
3. solis. Noklikšķiniet vai piesitiet vēlamajai krāsai attēla/vietnes priekšskatījumā
Tas ekrāna kreisajā apakšējā stūrī parāda krāsu heksadecimālo kodu.
4. solis. Noklikšķiniet vai pieskarieties kopēšanas ikonai, lai kopētu heksadecimālo kodu starpliktuvē
Tie ir divi kvadrāti, kas pārklājas pa labi no heksadecimālā koda. Pēc tam varat to ielīmēt jebkurā teksta failā vai rakstīšanas apgabalā.
4. metode no 4: Firefox izmantošana (krāsām tīmeklī)
1. solis. Atveriet pārlūkprogrammu Firefox savā datorā vai Mac
Tīmekļa pārlūkprogrammā Firefox ir bezmaksas rīks Eyedropper, kuru varat izmantot, lai tīmeklī identificētu jebkuras krāsas heksadecimālo kodu. Ja jums ir Firefox, to atradīsit izvēlnē Sākt (Windows) vai mapē Lietojumprogrammas (macOS).
- Firefox bez maksas varat lejupielādēt vietnē
- Firefox jums pateiks tikai krāsas vērtību vietnē. Jūs to nevarat izmantot ārpus pārlūkprogrammas.
2. solis. Dodieties uz vietni, kurā ir krāsa, kuru vēlaties identificēt
Pārliecinieties, vai ir redzams elements, kuram nepieciešama krāsa.
3. solis. Noklikšķiniet uz izvēlnes ☰
Tās ir trīs horizontālās līnijas Firefox augšējā labajā stūrī.
4. solis. Noklikšķiniet uz izvēlnes Web Developer
Vēl viena izvēlne tiks paplašināta.
5. solis. Noklikšķiniet uz Eyropper
Peles kursors pārvērtīsies par lielu apli.
6. solis. Noklikšķiniet uz krāsas, kuru vēlaties identificēt
Pārvietojot peli uz atrašanās vietu, tiešraidē pamanīsit krāsu atjauninājumu heksadecimālo vērtību. Noklikšķinot uz peles, Firefox saglabās heksadecimālo kodu starpliktuvē.
7. solis. Ielīmējiet kodu, kur tas nepieciešams
Tu vari izmantot Control + V. (PC) vai Komanda + V. (Mac), lai ielīmētu heksadecimālo kodu savā HTML, CSS vai cita veida teksta failā.
Padomi
- Ir arī citas vietnes, pārlūka paplašinājumi un attēlu rediģēšanas programmas, kas arī ļaus izmantot krāsu atlasītāju, lai atklātu nokrāsas heksadecimālo kodu.
- Ja zināt, kurš izveidoja tīmekļa lapu ar krāsu, kuru vēlaties saskaņot, vienmēr varat pajautāt, kādu heksadecimālo kodu viņi izmantoja. Varat arī rakt vietnes avota kodu, lai atrastu tur norādīto heksadecimālo kodu.