Először nyerje ki a példapalettát, majd használjon precíz színválasztást és kézi szerkesztést annak eldöntéséhez, mely színek tartoznak a saját projektjébe. Kép színválasztó megnyitása.
Tölts fel és nyerj ki egy kezdőpalettát
Nyisd meg az Image Color Pickert, és tölts fel egy támogatott képet, vagy próbáld ki a mintát. Az automatikus kinyerés feltölti a forrást a szerverre. Az útmutatóban szereplő minta a collage-botanical.jpg, egy 1200 x 900 méretű fotó virágokról, levelekről és őszibarack színű háttérről.
Hagyd a Kinyerendő színek számát 6-n, és válaszd a Domináns lehetőséget a példához. A Domináns a fő képszíneket részesíti előnyben, míg az Élénk a színes hangsúlyoknak ad nagyobb befolyást. Egy kérés 3 és 12 közötti színt használhat; a kevesebb jól elkülönülő csoporttal rendelkező kép kevesebbet adhat vissza.
A tényleges Domináns eredmény a következőket tartalmazza: #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. A legnagyobb csoport a #E3B49F, a mintavételezett látható képpontok körülbelül 28.88%-a. A kinyerés 512 x 384 mintát használt; ezek a százalékok nem a teljes felbontású kép pontos népszámlálása.
A paletta színe a közeli színek átlaga is lehet. Válassz ki egy adott képpontot, ha egy apró részlet értékére van szükséged.
Válaszd ki és finomítsd az egyes színeket
Kattints vagy koppints a képre a képpont nagyítóval történő vizsgálatához. Fókuszáld a képet, és használd a nyílbillentyűket egy képpont mozgatásához, a Shift és a nyíl billentyűket tíz képpont mozgatásához, majd az Entert a választáshoz. Másold a HEX, RGB vagy HSL értékeket a saját másolás gombjával, vagy használd a Hozzáadás a palettához lehetőséget.
Válasszon ki egy színmintát a HEX értékének vagy színének módosításához, balra vagy jobbra mozgatásához, illetve eltávolításához. Az egyéni szín hozzáadása funkció elfogad egy tetszőleges HEX értéket. A szín zárolása megőrzi a kiválasztott színmintát, amikor a Paletta frissítése vagy egy módosított kinyerési beállítás új kiindulási palettát generál.
A mintavételezés és átlátszóság Forrásszínt és Háttér előtti kompozíciót kínál. A Forrásszín tartalmazza az átlátszatlanságot a másolt kódokban, amikor releváns; a Kompozíció a kiválasztott Mintaháttér előtt kevert pixelt mutatja. Maguk a paletta színmintái átlátszatlan RGB értékek. A szerkesztett és kiválasztott színeknek nincs becsült forrás-százalékuk.
A böngésző által dekódolható képek böngésző sRGB mintákat használnak. Ha normalizált előnézetet használ, a színválasztó kifejezetten hozzávetőlegesként jelöli meg a színeit és koordinátáit.
A példa ebben az útmutatóban
Kinyerendő színek: 6; Domináns; nincs kézi módosítás vagy zárolás; Mentés másként: PNG. Az automatikus kinyerés 512 x 384 pixelt mintázott.
- Forráskép
- 1200 x 900 px
- Kinyert színek
- 6 átlátszatlan szín
- Palettakártya
- 600 x 500 px
- Letöltve: PNG
- 9,163 bájt
Szöveg és háttér páros ellenőrzése
Nyissa meg a Színkontraszt ellenőrzése funkciót. Állítsa be a Szöveget és a Hátteret a színvezérlőkkel, írja be a HEX kódokat, vagy használja a kiválasztott színt bármelyik oldalon. Az élő szövegminta lehetővé teszi a pár összehasonlítását, és az arány mellett külön megjelennek a Normál AA, Normál AAA, Nagy AA és Nagy AAA eredmények.
Válasszon egy párt a tervezett célhoz, ahelyett, hogy feltételezné, minden kinyert szín használható szövegként. Egy világos őszibarack és egy világos lila szín jól mutathat együtt egy fotón, miközben rossz szöveg-háttér kombinációt alkotnak.
Ez a vezérlő csak az adott színpár szövegkontrasztját ellenőrzi. Ez nem egy teljes körű akadálymentességi audit, és nem dönti el, hogy a tipográfia, a billentyűzet-interakció vagy a design többi része használható-e.
Az átmenő kontrasztarány hasznos ellenőrzés, de nem garancia arra, hogy egy teljes oldal akadálymentes.
Másold az értékeket vagy exportáld a palettát
Gyors átadáshoz másoljon ki egy egyedi kódot, vagy használja a Paletta másolása HEX színek funkciót. Fájlhoz válassza a Mentés másként lehetőséget, majd a Start gombot. A PNG egy feliratozott palettaképet készít; a SVG vektortartalomként őrzi meg a színmintákat és címkéket; a CSS számozott színváltozókat biztosít; a JSON HEX, RGB és HSL értékeket tartalmaz.
A szerkesztetlen hat-színű példa palette.png formátumban, 600 x 500 pixel méretben és 9,163 bájt méretben exportál. A színminták sorrendje megegyezik a palettáéval. A végleges paletta szerkesztés után 1 és 12 közötti számú színt tartalmazhat, még akkor is, ha az automatikus kezdő darabszám eltérő volt.
Töltse le a fájlt távozás vagy frissítés előtt. A végleges export feltölti a forrást és a kiválasztott színeket a szerveroldali feldolgozáshoz. Létrehoz egy új palettafájlt, és nem színezi át vagy cseréli le az eredeti fotót.
A PNG és SVG kényelmes vizuális referenciák. A CSS és JSON akkor hasznosak, ha a következő lépéshez újrafelhasználható színértékekre van szükség.
Gyakori kérdések
A pipetta ugyanazokat a színeket adja vissza, mint az automatikus kinyerés?
Nem feltétlenül. A kiválasztott érték egy adott forrás- vagy előnézeti pixelt ír le. Az automatikus kinyerés csoportosítja a mintavételezett pixeleket, és átlagolt színeket adhat vissza.
Az átlátszó pixelek számításba kerülnek?
A teljesen átlátszó pixelek ki vannak zárva a kinyerésből. A részlegesen átlátszó pixelek súlya csökkentett. A forrás mintavételezése mutathat átlátszóságot, de az exportált paletta színmintái átlátszatlanok.
Mi történik a zárolt színekkel frissítéskor?
A zárolt színek a palettán maradnak, miközben az új kinyert színek kitöltik a többi pozíciót. Egy megtartott vagy szerkesztett színhez nem rendelünk kitalált kép-százalékot.
Használhatom ezt pontos márkaszínhez?
Írjon be közvetlenül egy ismert HEX értéket, vagy válasszon ki egy megfelelő forráspixelt. A fotó megvilágítása, a tömörítés, a színkezelés és a normalizált előnézetek megváltoztathatják a mintavételezett értékeket, így az automatikus fotópaletta nem bizonyíték egy eredeti márkaspecifikációra.
Építsen egy palettát, amelyet magával vihet a következő tervéhez
Próbálj ki egy mintát vagy használd a saját fájlodat, és ellenőrizd az eredményt a megosztás előtt.
