tigtools

Kép színválasztó

Töltsön fel egy képet, és kattintson bárhová az adott képpont pontos színéért, vagy hagyja, hogy az eszköz megtalálja a teljes kép fő színeit.

Böngészőben fut Regisztráció nélkül

JPEG, PNG, WebP, GIF, AVIF vagy BMP, legfeljebb 25 MB. A kép az Ön eszközén marad.

Használata

  1. Válasszon ki egy képet, vagy húzza a mezőre.
  2. Mozgassa a mutatót a kép fölé; a nagyító megmutatja a körülötte lévő képpontokat.
  3. Kattintson vagy koppintson a szín kiválasztásához, és másolja ki HEX, RGB vagy HSL formátumban.
  4. Görgessen le a domináns színekhez, válassza ki, hányat szeretne, majd másolja vagy töltse le őket CSS-változókként.

Hogyan működik

A kép a böngészőben egy vászonra kerül, és a mutató alatt lévő pontos képpont színe onnan olvasható le. A nagyító egy 11 × 11 képpontos területet mutat kinagyítva, a kiválasztott képpontot körvonalazva. A 4096 képpontnál nagyobb oldalú képeket először lekicsinyíti, ezért nagyon nagy fényképeken egy kiválasztott képpont néhány eredeti képpont átlaga.

A domináns színek meghatározása k-közép klaszterezéssel történik: a képpontokat először 32 768 kis színcsoportba sorolja, majd a csoportokat a választott számú színbe olvasztja össze, súlyozva az egyes csoportok képpontszámával. A kiindulópontok kiválasztása determinisztikus, így ugyanaz a kép mindig ugyanazt a palettát adja.

A színek a böngésző által megjelenítéshez használt sRGB színtérben kerülnek leolvasásra. Ha egy kép beágyazott széles színterű profillal rendelkezik, az értékek kissé eltérhetnek attól, amit egy képszerkesztő mutat. Az ezt támogató böngészőkben (asztali Chrome és Edge) a Képernyőről választás gomb a beépített EyeDropper segítségével a képernyő bármely pontjáról vesz színt.

Példák

Márkaszín meghatározása

Tölts fel egy logóról készült képernyőképet, kattints a fő színére, és másold be a #1a73e8 vagy az rgb(26, 115, 232) értéket a CSS-be.

Színpaletta fotóból

Egy tengerparti fotó 6 színre bontva homok, tenger és ég tónusokat ad, mindegyiknél feltüntetve, hogy a kép mekkora részét fedi le, a legnagyobbtól a legkisebbig rendezve.

Árnyalat ellenőrzése

Nagyíts rá a nagyítóval, hogy egy vékony vonal pontos képpontját válaszd ki, ne a mellette lévő élsimított szélt.

Gyakori kérdések

Miért tér el kissé a szín a képszerkesztőmben látottól?

A böngészők megjelenítés céljából sRGB-be konvertálják a képeket. A széles színterű profillal (Display P3, Adobe RGB) rendelkező fényképek kissé eltérő értékeket mutathatnak egy olyan szerkesztőben, amely megtartja az eredeti profilt.

Miért hiányzik a Képernyőről választás gomb?

Ehhez az EyeDropper API szükséges, amelyet csak néhány böngésző támogat, jelenleg az asztali Chrome és az Edge. A feltöltött képről való színválasztás mindenhol működik.

Hogyan választja ki az eszköz a domináns színeket?

Az összes képpont k-közép klaszterezésével, súlyozva az egyes színek gyakoriságával. Az apró, de élénk részletek beolvadhatnak egy nagyobb, közeli színbe; a színek számának növelésével választhatók szét.

Feltöltődik a kép?

Nem. A képet ez az oldal dekódolja és elemzi a böngészőjében, és soha nem hagyja el az eszközét.

Adatvédelem

A kép feldolgozása teljes egészében az Ön böngészőjében történik. Nem kerül feltöltésre, és a kiválasztott színek nem kerülnek elküldésre vagy tárolásra.