Utilia
Kategóriák ▾
Nyelv: hu ▾

Színválasztó képből

Tölts be egy képet, és kattints bármelyik képpontra: megkapod a színét HEX, RGB, HSL, HSV és CMYK formában. Nagyító és átlagolás a böngésződben.

Hogyan válassz színt egy képből

  1. Húzz egy képet a feltöltési területre, vagy kattints rá egy fájl kiválasztásához (JPG, PNG, WebP, GIF vagy bármilyen formátum, amelyet a böngésződ meg tud jeleníteni).
  2. Mozgasd az egérmutatót a kép fölött. A nagyító felnagyítva mutatja a kurzor körüli képpontokat, és a A kurzor alatt mező élőben megadja a HEX-kódot.
  3. Kattints a kívánt képpontra. A Kiválasztott szín minta megmutatja a színt a képpont helyzetével, mellette pedig megjelenik a HEX, RGB, HSL, HSV és CMYK kód, mindegyik Másolás gombbal.
  4. Kattints tovább, hogy több színt gyűjts: ezek bekerülnek a Kiválasztott színek közé, ahol mindegyiket kimásolhatod. A Lista törlése kiüríti.

Telefonon vagy táblagépen egyszerűen koppints a képre. Billentyűzettel a Tab billentyűvel fókuszálj a képre, a nyílbillentyűkkel mozogj (tartsd lenyomva a Shiftet, hogy egyszerre 10 képpontot lépj), és az Entert megnyomva választhatsz.

A kép sosem hagyja el az eszközödet: csak a böngésződ dekódolja és olvassa be.

Egy képpont vagy átlag?

A Mintanagyság menü azt szabályozza, hogy hány képpontot olvas be az eszköz egy-egy kiválasztásnál:

  • Az 1 képpont a kurzor alatti képpont pontos színét adja. Használd lapos grafikákhoz, logókhoz, képernyőképekhez és ikonokhoz.
  • A 3 × 3 átlag és az 5 × 5 átlag a környező 9 vagy 25 képpont átlagszínét adja. Használd fotókhoz: a JPEG-tömörítés és a fényképezőgép zaja miatt a szomszédos képpontok kissé eltérnek, az átlag pedig olyan színt ad, amely jobban megfelel annak, amit látsz.

A nagyítóban körbekeretezett négyzet pontosan megmutatja, mely képpontok számítanak bele. A kép szélein csak a létező képpontokat számoljuk.

A PNG és WebP fájlok átlátszó képpontjait is kezeli: a színt az átlátszatlanság súlyozza, így a teljesen átlátszó területek nem húzzák feketébe az eredményt, a részben átlátszó eredmény pedig nyolcjegyű, alfa csatornás HEX-kódot kap, például #FF000080.

Pontosság és korlátok

  • A színeket a böngésződ canvasának sRGB-terében olvassuk be. A más színprofillal (Adobe RGB, Display P3) mentett képeket a böngésző előbb átalakítja, így a kódok megegyeznek azzal, amit a képernyőn látsz, de kissé eltérhetnek a fényképszerkesztő által mutatott nyers fájlértékektől.
  • A nagyon nagy képeket a leghosszabb oldalukon 4096 pixelre kicsinyítjük, hogy a memóriahasználat ésszerű maradjon. Az eszköz jelzi, ha ez megtörténik; az ilyen képeken minden kiválasztott képpont már az eredeti kis átlaga.
  • A CMYK-értékek ICC-profil nélküli egyszerű átszámítások, csak durva tájékoztatásra jók.

Gyakori kérdések

Hogyan találom meg egy képen lévő szín HEX-kódját?

Nyisd meg a képet ezzel az eszközzel, és kattints a színre. A HEX-kód megjelenik a Kiválasztott szín mezőben; kattints mellette a Másolás gombra, hogy beillessze CSS-be, Figmába, Canvába vagy bármilyen más alkalmazásba.

Miért különbözik a szomszédos képpontok kódja a fotómon?

A fotók zajt, átmeneteket és tömörítési műtermékeket tartalmaznak, ezért két azonosnak látszó képpontnak ritkán azonos az értéke. Válaszd a 3 × 3 átlag vagy az 5 × 5 átlag értéket a Mintanagyság menüben a stabilabb színhez.

Választhatok színt egy weboldal képernyőképéből?

Igen. Készíts képernyőképet, mentsd PNG-ként, és húzd ide. A PNG képernyőképek veszteségmentesek, ezért az 1 képpont beállítással pontosan azt a színt kapod, amelyet az oldal használ, feltéve, hogy a képernyő nem alkalmazott átméretezést vagy színkezelést.

Feltöltődik a képem?

Nem. A fájlt a böngésződ nyitja meg, és az eszközödön rajzolja ki egy vászonra (canvas). Semmit nem küldünk el a szervernek, és az oldal bezárásakor elvetődik.

Kaphatok egész palettát az egyes színek helyett?

Ez az eszköz egyes képpontokat olvas be. Egy kép fő színeinek automatikus kinyeréséhez használj képből palettát készítő eszközt, amely csoportosítja a hasonló képpontokat, és felsorolja a domináns színeket az arányukkal.

Kapcsolódó eszközök