Színpipetta

Szüksége van rá, hogy megtudja, milyen szín van egy logóban, egy fotón vagy egy képernyőképen? Töltse fel a képet, vigye az egeret a kívánt pontra, és kattintson. A szín kódja azonnal a vágólapra kerül, méghozzá az Ön által választott formátumban: HEX, RGB, HSL, HSV vagy LCH. Nincs telepítés, és a kép nem hagyja el a számítógépét.

Hogyan nyerhető ki egy szín egy képből

1. Töltse fel a képet. Húzza a képet az ablakba, vagy kattintson a “Fájlok tallózása” gombra. A színpipetta kezeli a JPG, PNG, WebP és GIF formátumokat is.
2. Válasszon formátumot. A kép fölött állítsa be, milyen formátumban szeretné a színt másolni. Weboldalhoz többnyire a HEX, grafikai programokhoz az RGB a jó választás. Az eszköz megjegyzi a beállítást.
3. Vigye a kurzort a színre. A kurzor mellett megjelenik egy nagyító a környező pixelekkel felnagyítva, alatta pedig a szín kódja.
4. Kattintson. A kód a vágólapon van, a szín pedig bekerül a Kiválasztott színek közé. Onnan bármikor beillesztheti, ahol szüksége van rá.

Kipróbálna másik képet? Húzza rá egyenesen a jelenlegire, vagy törölje a kuka ikonnal.

Amit az online színpipetta tud

Nagyító, ami minden pixelt megmutat

Egy hagyományos pipetta csak a kurzor alatti színt mutatja, egy betű vékony szélét eltalálni pedig szerencsejáték. A mi nagyítónk 11 × 11 pixelre nagyítja fel a kurzor környékét, a középső pixelt pedig kerettel jelöli. Pontosan látja, mire kattint, még mielőtt rákattintana.

Nagyítás egészen az egyes pixelekig

A plusz és mínusz gombokkal, vagy Ctrl lenyomva tartása mellett az egérgörgővel akár 64-szeresére nagyíthatja a képet. Bekapcsolt Rács mellett látszanak a pixelek határai, így ikonoknál, pixel artnál vagy apró szövegnél pontosan oda kattint, ahová szeretne.

Szín az eredetiből, nem egy kicsinyített változatból

Sok online eszköz először lekicsinyíti a képet, és a színt a kicsinyített előnézetből olvassa ki, ahol a szomszédos pixelek összemosódnak. A mi színpipettánk a kép teljes felbontásával dolgozik (a hosszabb oldalon akár 4096 px-ig), így a pixel valódi színét kapja meg.

Másolás egyetlen kattintással

Nincs szövegkijelölés, nincs számok átírása. Minden kattintás a képen a kiválasztott formátumban másolja a kódot. Ha ugyanarra a színre másik formátumban is szüksége van, a szín részletei mind az öt formátumot felkínálják, mindegyiket saját másoló gombbal.

Domináns színek palettája

Feltöltés után az eszköz azonnal megkeresi a képen uralkodó, legfeljebb nyolc színt, és megjeleníti őket a Domináns színek részben. A szinte egyforma árnyalatokat összevonja, így a palettában nem talál öt féle szürkét. A PNG átlátszó részeit kihagyja. A paletta jó kiindulópont egy weboldal, egy prezentáció vagy egy közösségi média poszt színvilágához. Ha azt szeretné gyorsan ellenőrizni, hogy a színek árnyalat nélkül is elég kontrasztosak-e, próbálja ki a kép átalakítása szürkeárnyalatúra funkciót.

A kiválasztott színek mindig szem előtt

Minden szín, amelyre rákattint, bekerül a Kiválasztott színek közé (az utolsó 24). Így több pontot is összehasonlíthat a képen, és bármikor visszatérhet hozzájuk. Nagyobb képernyőn a színek panelje rögtön a kép mellett látható.

Mire jó a kép színkódjának lekérdezése

• Weboldalak és alkalmazások: Az ügyfél csak JPG formátumban küldte el a logót, Önnek pedig a pontos márkaszínre van szüksége a CSS-hez. Ha ehhez átlátszó hátterű változat is kell, használja a háttér eltávolítását a képről.
• Grafika és közösségi média: Azt szeretné, hogy a poszt szövege illeszkedjen a fotóhoz. Vegye ki a színt egyenesen belőle.
• Prezentációk és dokumentumok: A cég logójának színeit HEX vagy RGB kóddal állítja be PowerPointban, Google Slides-ban vagy Canvában.
• Terv ellenőrzése: Egy képernyőképen ellenőrizheti, hogy egy gomb tényleg a tervben előírt színt kapta-e. Az exportált anyagok méretét pedig a kép méretének elemzésével ellenőrizheti.
• Belsőépítészet és divat: Van egy fotója egy anyagról vagy egy falról, és hasonló árnyalatot keres. A kód jó kiindulópont a színkártyából történő váláshoz.

Színformátumok, amiket a színpipetta ad

• HEX (#1373b6): a HTML, a CSS és a legtöbb grafikai eszköz jelölése.
• RGB (rgb(19, 115, 182)): a vörös, a zöld és a kék aránya, egyenként 0 és 255 között. Hogy az additív színkeverés hogyan működik, azt az RGB Wikipédia-szócikk mutatja be.
• HSL (hsl(205, 81%, 39%)): árnyalat, telítettség és világosság. Ezekből könnyen készíthet világosabb vagy sötétebb változatot.
• HSV: árnyalat, telítettség és érték, ahogy a Photoshop vagy a GIMP színválasztójából ismerheti. A HSL és a HSV közötti különbséget a Wikipédia magyarázza el részletesen (angolul, magyar szócikk erről nincs).
• LCH: modell, amely annak felel meg, ahogyan az emberi szem érzékeli a színeket. A modern CSS által ismert formában másolódik (lásd az MDN dokumentációját, angolul).

A színpipetta megmondja, milyen szín van a képen. Ha ezt tovább szeretné alakítani, más formátumba váltani, vagy hozzá illő árnyalatokat keresni, folytassa a színkörnél.

Gyakran ismételt kérdések

Felkerül a képem egy szerverre?

Nem. A kép betöltése és feldolgozása közvetlenül az Ön böngészőjében történik, sehova nem küldjük el, és az oldal bezárása után semmi nem marad meg belőle. A színpipettát így nyugodtan használhatja belső anyagokhoz vagy még nem publikus tervekhez is.

Hogyan tudom meg egy fotó egy színének HEX kódját?

Töltse fel a fotót, hagyja a kép fölött a HEX formátumot kiválasztva, és kattintson arra a pontra, ahol a keresett szín van. A kód, például #75dab2, rögtön a vágólapon lesz.

Miért tér el a fotóból kiolvasott szín a valóságtól?

A fényképezőgép a megvilágítás, a fehéregyensúly és a tömörítés miatt is befolyásolja a színeket. A színpipetta pontosan azt a színt adja vissza, amely a fájlban van elmentve. Fotóknál ezért kattintson több ponton is, és hasonlítsa össze őket a Kiválasztott színek között. Ha a kód alapján fest ki egy falat, kezelje tájékoztató jellegű értékként.

Működik a színpipetta mobilon?

Igen. Érintőkijelzőn koppintson a kép egy pontjára, és a kód ugyanúgy bekerül a vágólapra, mint számítógépen. A kurzor melletti nagyító mobilon nem jelenik meg, ezért apró részleteknél előbb nagyítsa fel a képet.

Mi a különbség a HEX és az RGB között?

Mindkét jelölés ugyanazt a színt írja le. Az RGB három, 0 és 255 közötti számmal fejezi ki, a HEX ugyanezeket a számokat tizenhatos számrendszerben adja meg a # jel után. Például a rgb(255, 87, 51) ugyanaz, mint a #ff5733.

Hogyan nyerhetek ki egy teljes színpalettát egy képből?

Nyissa meg a Domináns színek részt. Itt megtalálja a kép legfeljebb nyolc fő színét, és bármelyikre kattintva kimásolhatja a kódját.