Határozza meg a kép egy pixelének színét online. Szín meghatározása a monitor képernyőjén Olyan program, amely reagál a pixelszín változásaira

Dolgozni vele CSSés az oldal elrendezése, gyakran kell dolgozni a színekkel, és nagyon gyakran meg kell határozni a szín/árnyalat kódját a kép adott területén. Erre külön program van, az ún ColorMania. Letölthető erről az oldalról http://www.blacksunsoftware.com/colormania.html. Indítás után így néz ki.

Ez a program lehetővé teszi, hogy a képernyő bármely pontján megtudja a színkódot: a bal oldali billentyűvel lenyomva tartva a pipetta alakú gombot, és anélkül, hogy elengedné, mozgassa a képernyőn arra a helyre, ahol meg szeretné határozni a színt. .

Kiválaszthatja a színes megjelenítés típusát, például: hexadecimális, as RGB vagy más formában. A megjelenítési típus megváltoztatásához kattintson a legördülő listára, és válassza ki a listából a kívánt megjelenítési típust.

Miután kiválasztotta a színt, kattintson a gombra "Másolat", másolja a színkódot a vágólapra, vagy válassza ki az egérrel, és használja a billentyűparancsot "Ctrl + C".

Lehetőség van véletlenszerű szín kiválasztására a gombbal "Véletlen".

A gombra kattintva a szabványos színválasztó párbeszédpanel is meghívható "Párbeszéd", amely lehetővé teszi a szín kiválasztását az elsődleges színek közül.

A szabványos párbeszédablakban lehetőség van egy kiterjesztett színkiválasztási párbeszédpanel megnyitására a gombra kattintva "Szín meghatározása" majd a spektrumon, ahol a mutató egy szálkereszt, válassza ki a kívánt színt és nyomja meg "RENDBEN".

Ekkor megjelenik a kiválasztott szín és annak kódja.

Lehetőség van a szín kiválasztására név szerint is a legördülő listára kattintva "HTML szín".

Utolsóként pedig megemlíthető, hogy a szín pontosabb meghatározásához használhatjuk a szemcseppentő alatti képernyőterület nagyításának lehetőségét. Kattintson a legördülő listára, és módosítsa az értéket "Zoomolás", azaz válassza ki azt a nagyítást, amellyel kényelmesebb dolgozni.

Megnéztünk tehát egy nem bonyolult, de nagyon kényelmes programot a színkód meghatározására hexadecimális és más kódolási rendszerekben.

A HTMLColors2000 egy speciális színérzékelő program, amely segít felismerni a monitor képernyőjén látható színárnyalatokat. Miután ez a program meghatározta a színt, két formátumban jeleníti meg a színadatokat: RGB (piros zöld, kék) és HTML (hatjegyű kód).

Ez a program egyszerűen nélkülözhetetlen lesz a webdesignerek számára, vagy azoknak, akik szeretnek számítógépes programokkal rajzolni. Miért pótolhatatlan? Mert a megfelelő árnyalat kiválasztása nagyon nehéz, néha lehetetlen. Természetesen vannak más programok is, amelyek képesek meghatározni a színt, de több program kipróbálása után ezt választottam.

Íme az érveim a program mellett:

1) Nagyon kicsi a súlya (mindössze 32 kb).

2) Nincs szükség telepítésre.

3) Kevés rendszererőforrást fogyaszt.

4) És ami a legfontosabb, nagyon könnyen használható! Számomra a programban a legfontosabb a megbízhatósága, gyorsasága és egyszerűsége.

Ezzel a programmal dolgozni nagyon egyszerű:

2) A színek kiválasztásának öt módja van:

• Válassza ki a színeket az RGB csúszkák mozgatásával.
• RGB értékek manuális bevitele.
• Válasszon ki egy színt a „Színnév” listából.
• Válasszon a már kiválasztott árnyalatok közül (oldalsáv, a „Tovább” gombbal nyílik meg).
• A „Képernyő” gomb segítségével bármilyen színt meghatározhat számítógépe monitorán.

Az ötödik módszer a legcsodálatosabb! Mesélek egy kicsit többet róla.

Miután rákattintott a Képernyő gombra, megjelenik egy kis ablak a monitor bal felső sarkában, amely betűket és számokat, valamint egy kis színes sávot jelenít meg. Ha mozgatja a kurzort, észre fogja venni, hogy a betűk és számok elkezdenek változni, és a színsáv is megváltozik velük együtt.

Ez a színsáv az egérkurzor alatt lévő színt jeleníti meg, a betűk és számok pedig nem mások, mint ennek a színnek a html kódja.

A módszer lényege nagyon egyszerű:

1) Nyomja meg a „Képernyő” gombot, és mozgassa a kurzort arra a színre, amelyhez a kódot szeretné lekérni.

2) Nézze meg a bal felső sarkot, és győződjön meg arról, hogy nem hagyta ki a kívánt színt.

3) Amikor a kurzor a kívánt pozícióban van, nyomja meg a bal egérgombot.

4) Most már csak fel kell vennie a kapott kódot. Vagy másold ki a html kódot, vagy írd át az RGB értéket.

Töltse le a színmeghatározó programot:

P.S. Ha a programot nem akarja telepíteni a számítógépére (ami nagyon valószínű, ha Vista vagy Seven van telepítve), ez a fájl segít.

Valószínűleg az egyik első ilyen típusú segédprogram, de ennek ellenére nem veszíti el népszerűségét a webmesterek körében.
A program megmutatja a kiválasztott szín HTML kódját, és fordítva, kódonként jelzi a színt.

A monitor színének meghatározásához kattintson a Képernyő gombra, mutasson a kurzorral a kívánt pontra, majd kattintson egyszer erre a helyre. A HTML-kód mező a HTML-kód színét jeleníti meg. Nincs más hátra, mint ezt a kódot a vágólapra másolni, és beilleszteni a kívánt helyre.
Előnyök: a program nagyon kis súlyú és rendkívül egyszerű

Színválasztó program

Ennek a programnak az az előnye, hogy a színeket RGB vagy HSL kódban, és természetesen HTML-ben jeleníti meg.

A szín meghatározásához a "Szín kiválasztása egérrel" gombra kell kattintani, az egérkurzor szemcsepp alakot ölt, csak a kurzort kell mozgatni a kívánt helyre és rá kell kattintani. A program kompatibilis a Windows XP és újabb verzióival.
Telepítést igényel számítógépre.

Csak színválasztó

Szerintem ő a kedvencem. Konkrétan az segít nekem sokat, hogy egy szín rögzítése után megjelenik egy sáv a felületen az adott szín változó tónusával és fényerejével. Azok. Vigyem az egeret a csík fölé, és ragadhatok még néhány hasonló színt, például valamivel világosabbat, hogy később kiválaszthassam az optimálisat.

• Amikor először indítja el, felkéri Önt, hogy válasszon nyelvet, az orosz van jelen.
• A Just Color Picker felülete képernyőnagyítót is tartalmaz.
• Lehetővé teszi több szín mentését.
• Nem egérkattintással, hanem az Alt+X gyorsbillentyűkkel (alapértelmezés szerint) méri a leolvasást, ami lehetővé teszi a szín pontosabb meghatározását
• A szín meghatározása után a program automatikusan meghatároz további színeket, amelyek összhangban állnak a kiválasztott színnel, és amelyek felhasználhatók a tervezésben.
• Nem igényel telepítést, a háttérben fut.

A program kompatibilis a Windows XP és újabb verzióival.

Érdemes megjegyezni az ingyenes programot is ColorPic 4.1. Egyetlen hátránya, hogy számítógépre kell telepíteni, pl. nem futhat a háttérben.

De több, mint elegendő előnye van. A program nem teljesen egyszerű, ezért a leírást és a vele való munkavégzésre vonatkozó utasításokat ezen az oldalon egy külön cikkben találja

Egy webtervező, fejlesztő vagy hétköznapi számítógép-felhasználó valószínűleg nem egyszer tette fel ezt a kérdést. Gyakran előfordul, hogy ki kell választani egy objektum színét, például egy webhelyet vagy csak egy pontot a monitor képernyőjén.

A színek megjelenítésének számos alapvető módja van, például az egyes színek vagy árnyalatok kijelölése HTML kód és színpaletta RGB mint #FF7700. Ezt három pár hexadecimális számjegy formájában ábrázolják, amelyekben mindegyik pár felelős a saját színéért:
az első két számjegy piros, azaz. — R (piros)
kettő középen - zöld - G (zöld)
utolsó két számjegy - kék - B (kék)
Elég gyakran használják a színek alattomos ábrázolását három #F70 karakter formájában, ami egyenértékű az #FF7700 karakterrel.

Egyébként a webes erőforrásokon a színek általában CSS-stílusokban vannak megadva.

Térjünk tovább a fő kérdés megválaszolására - Hogyan lehet megtudni egy pixel színét a képernyőn vagy a képen?

Sok módja van...

1. módszer. Keresse meg a színt a Photoshopban

Tehát készítsünk egy képernyőképet a Print Screen (PrtSc) gomb megnyomásával a billentyűzeten azon a helyen, ahol a színünk kódját szeretnénk megtudni. Amikor megnyomja a gombot, a rendszer a pillanatképet a vágólapra menti. Egyszerűen másolhatja a képet, például egy böngészőből, PrtSc nélkül. Most már csak be kell illeszteni a képet a pufferből a Photoshopba.

Nyissa meg a Photoshop programot, és helyezzen be egy képet (Fájl - Új, Szerkesztés - Beszúrás). Megkeressük az eszköztáron a „Pipetta” feliratot (I. billentyű), majd bal egérgombbal kattintunk arra a területre, ahonnan a színt „eltávolítani” akarjuk. Minden készen áll! Most már csak a palettára kell menni, és megtudni a színkódot.

2. módszer. Keresse meg a színt a Paint programban

Lépjen a Paint-re - szúrjon be egy képet - használja a "paletta" eszközt - lépjen a "szín megváltoztatása" menüpontra:

Nálunk a piros a 252, a zöld a 168, a kék a 10, azaz. RGB(252,168,10) vagy HEX formátumban #FCA80A.

3. módszer: Tekintse meg az elem kódját a böngészőben

Leírom az Opera böngésző módszerét. Válasszon ki egy elemet a webhelyen az egérrel, és kattintson rá jobb gombbal - „Elemkód megtekintése” (Ctrl + Shift + C). Megnyílik egy html és css kódot tartalmazó panel, ahol valami olyasmit kell találnia, mint a „szín”.

4. módszer. Speciális eszközök vagy programok használata.

Számos speciális program létezik a színek eltávolítására, szeretem egy nagyon egyszerű "Pixie" nevű programot, amelynek súlya körülbelül 10-11 KB. A kezelőszervek nagyon egyszerűek. Egyszerűen mutasson az egeret a kívánt pontra a monitor képernyőjén, és nyomja meg a következő billentyűket - Ctrl + Alt + C, aminek eredményeként a színkód a vágólapra kerül.

Számítógépen dolgozva, Photoshopban rajzolva és weboldalakat tervezve gyakran kell utánajárnom, hogy a monitor képernyőjén milyen színekben, vagy inkább azok kódjaiban vannak bizonyos objektumok. Weboldalak létrehozásához és tartalommal való feltöltéséhez leggyakrabban html színeket használok, néha pedig RGB kódokat használok, miközben Photoshopban vagy más képszerkesztőben dolgozom.

Korábban a monitoron lévő objektum színének meghatározásához képernyőképet kellett készítenem a képernyőről (a vágólapra másolás a „Print Screen” vagy az „Alt” + „Print Screen” használatával). Ezután be kellett szúrni a képet Photoshopba, Paintbe vagy más képszerkesztőbe, és egy szokásos szemcseppentővel ki kellett találni a kívánt tárgy színkódját. Ez az egész eljárás nagyon sok időt vett igénybe, különösen, ha gyakran meg kellett ismételni.

De most minden megváltozott, és a szín meghatározásához nem kell semmit másolnom és további képeket készíteni.

A Pixie a legegyszerűbb hónaljszínérzékelő!

Ebben a rövid cikkben egy nagyon egyszerű, kényelmes, kompakt és egyben ingyenes programot szeretnék bemutatni a monitor színének meghatározására - Pixie, amely hasznos lesz a weboldal készítőinek, tervezőinek és programozóinak.

Tündér- olyan program, amely gyorsan meghatározza annak az objektumnak a színét, amely felett az egérmutató áll. 4 azonos színű kódtípust mutat:

1. HTML kód
2. RGB kód
3. CMYK kód
4. HSV kód

Például, ha fölé viszi az egeret fehér tárgy, akkor a program a következő színkódokat jeleníti meg:

Ha rámutatjuk az egeret pl. Kék szín, akkor a program a következő kódokat jeleníti meg:

Billentyűkombinációk használata is:

1. Ctrl+Alt+C- a pixie a színt a vágólapra másolja a #XXXXXX html formátumban.
2. Ctrl+Alt+X- Pixie kinyit egy ablakot egy színpalettával.
3. Ctrl+Alt+Z- A pixie a kurzor közelében egy kis területet nagyít (mint a nagyító alatt), hogy a felhasználó pontosabban meghatározhassa egy tárgy színét a képernyőn.

Ha módosítani szeretné a fenti billentyűkombinációkat, kattintson a jobb gombbal a program ablakára, és állítsa be tetszés szerint.

Tündér- egy nagyon egyszerű, hasznos, sőt szükséges program minden programozónak, tervezőnek, webprogramozónak és webdesignernek, amiben nincs semmi felesleges.

Ez a program folyamatosan segít a munkámban (színek meghatározásában), így bátran tudom ajánlani Önnek. Sőt, ismétlem, hogy teljesen ingyenes.

Azt is megtudhatja mindenkiről biztonságos színek oldalhoz.