Työkalut95

TEE JOTAIN UPEAA

Kuvan värivalitsin.

Poimi HEX-, RGB- ja HSL-värejä kuvasta. Pura ja muokkaa palettia, tarkista tekstin kontrasti ja kopioi värit tai vie PNG, SVG, CSS tai JSON.

Mainokset
Kuvatyötilasi
Väliaikainen palvelinkäsittely
tai raahaa ja pudota tähän
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Valitse kuvasi aloittaaksesi.KUVA
Mainokset
Blogi Kuinka valita kuvan värit ja luoda paletti Lue opas

Valitse kuvan värit ja luo paletti, jota voit käyttää

Tarkista pikseli, kopioi sen HEX, RGB tai HSL-arvo ja poimi aloituspaletti valokuvasta. Pidä haluamasi värit, muokkaa loput, tarkista teksti- ja taustapari ja vie PNG, SVG, CSS tai JSON.

Kuva tarjoaa yksittäisiä värinäytteitä ja paletin, jota voidaan hienosäätää ja viedä.
PIKAVIDEO-OPAS How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Englanninkielinen selostus Katso video

How to pick an image color and export a palette

Ominaisuudet ja hallintatyökalut

Valitse pikseli suurennusnäkymässä

Napsauta tai napauta kuvaa tarkistaaksesi värin ja kopioi sitten sen koodi.

Tarkka sijoittelu ja esikatselun rajoitukset

Suurennuslasi auttaa tähtäämään pieniin yksityiskohtiin. Kohdista kuva ja käytä nuolinäppäimiä siirtyäksesi yhden pikselin, Shift ja nuoli siirtyäksesi kymmenen, ja Enter valitaksesi. HEX, RGB ja HSL-arvoilla on omat kopiointipainikkeet. Selainluettavat lähteet näytteistetään selaimessa sRGB. Kun käytetään normalisoitua esikatselua, sen etiketti tunnistaa värit ja koordinaatit likimääräisiksi.

Poimi hyödyllinen aloituspaletti

Valitse 3–12 väriä poimittavaksi ja kokeile Hallitseva tai Eloisa-vaihtoehtoa.

Miten värit ja prosenttiosuudet arvioidaan

Hallitseva suosii kuvan päävärejä. Eloisa antaa värikkäille korostuksille enemmän vaikutusvaltaa. Poiminta näytteistää rajatun kuvan, ryhmittelee samankaltaiset värit ja palauttaa enintään pyydetyn määrän; tasainen kuva voi sisältää vähemmän. Täysin läpinäkyvät pikselit jätetään pois, ja osittainen läpinäkyvyys vähentää pikselin painoarvoa. Prosenttiosuudet kuvaavat likimääräisiä näytteistettyjä ryhmiä, eivät tarkan alkuperäisen pikselimäärän laskentaa. Automaattinen poiminta lataa kuvan palvelimelle.

Pidä, korvaa ja järjestä värisi uudelleen

Lukitse hyödylliset värimallit, muokkaa niiden HEX-arvoja tai lisää poimittu tai mukautettu väri.

Paletin hienosäätö ennen vientiä

Valitse värimalli muokataksesi sen väriä, siirtääksesi sitä vasemmalle tai oikealle tai poistaaksesi sen. Lukitus säilyttää valitun värin, kun käytät Päivitä paletti -toimintoa tai muutat poiminta-asetuksia. Lisää palettiin käyttää näytteistettyä RGB-väriä; Lisää mukautettu väri antaa sinun syöttää HEX-arvon. Paletti voi sisältää 1–12 väriä vientiä varten. Poimitut, muokatut ja lukitut värit eivät saa keksittyjä kuvan prosenttiosuuksia.

Ymmärrä läpinäkyvät pikselit

Valitse Lähdeväri tai Sommitelma taustan päällä Näytteistys-kohdasta.

Lähde-läpinäkyvyys ja viedyt värit

Lähdeväri raportoi valitun pikselin ja sen läpinäkyvyyden kopioidussa koodissa. Sommitelma taustan päällä näyttää sen ulkoasun sekoitettuna Näytteistys-taustaan. Paletin värit ja viennit ovat läpinäkymättömiä RGB-arvoja, joten läpikuultavan lähdevärin lisääminen ei säilytä sen alfakanavaa. Näytteistystila muuttaa tarkastettua väriä; se ei väritä lähdekuvaa uudelleen tai muuta automaattista poimintaa.

Tarkista teksti- ja taustapari

Käytä Tarkista värikontrasti vertaillaksesi kahta väriä.

Mitä kontrastitulos kattaa

Valitse Teksti ja Tausta värisäätimillä, syötä HEX-arvot tai käytä poimittua väriä. Esikatselu näyttää kontrastisuhteen ja erilliset Normaali AA, Normaali AAA, Suuri AA ja Suuri AAA -tulokset tekstille. Tämä tarkistaa vain valitun väriparin. Se ei auditioi koko sivua, ota huomioon jokaista taustakuvaa tai takaa, että koko suunnitelma on saavutettava.

Vie värit seuraavaa vaihetta varten

Tallenna palettikuva, vektorivärimallit, CSS-muuttujat tai jäsennelty väritieto.

PNG, SVG, CSS ja JSON

PNG tuottaa etiketöidyn palettikortin. SVG säilyttää värimallit ja etiketit vektorisisältönä. CSS vie numeroidut muuttujat, kuten --color-1. JSON sisältää HEX, RGB ja HSL-arvot. Valitse Tallenna nimellä ja sitten Aloita luodaksesi yhden tiedoston nimeltä palette valitulla laajennuksella. Värin tai koko HEX-paletin kopioiminen voi olla nopeampaa, kun tarvitset vain arvoja.

Tiedostot ja käsittely

Syöte
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC ja HEIF
Tulos
Yksi PNG, SVG, CSS tai JSON paletti

25 Mt enimmäiskoko per tiedosto. Yksi syötetiedosto per kerta.

Yksi lähdekuva, enintään 60 megapikseliä. Poiminta näytteistää enintään 512 pikseliä per reuna, ohittaa täysin läpinäkyvät pikselit ja voi palauttaa vähemmän värejä kuin pyydettiin. Vienti tukee 1–12 läpinäkymätöntä palettiväriä. Animoidut tai usean kuvan lähteet käyttävät ensimmäistä still-ruutuaan.

Kuva ladataan automaattisesti paletin poimimista varten ja uudelleen lopullista vientiä varten. Pikselien poiminta ja manuaaliset palettimuokkaukset suoritetaan selaimessa. Selainta tukematon muoto saattaa vaatia palvelimen esikatselun. Tämä työkalu käyttää perinteistä värikäsittelyä, ei tekoälyä.

Tiedostot käsitellään palvelimella. Esikatselun valmistelu voi myös ladata tiedoston, kun selaimen dekoodaus ei ole käytettävissä tai asiakirjan esikatselu on tarpeen. Palvelinlataukset ovat käytettävissä istunnossasi enintään kahden tunnin ajan.

Jos haluat kuvatuloksen, käytä lataustulosten alapuolella olevaa Jatka-painiketta valitaksesi yhteensopivan seuraavan vaiheen. Voit valita, mitkä kuvat siirretään eteenpäin; seuraava työkalu alkaa omilla asetuksillaan.

Muokkaimen tai lataussivun päivittäminen palauttaa sinut työkalusivulle. Lataa tulos ennen uuden työnkulun aloittamista. Katso Tietosuojakäytäntö tiedostojen käsittelyä varten.

UKK

Hyvä tietää.

Muutama vastaus ennen kuin aloitat.

Väliaikainen palvelinkäsittely
Voinko saada HEX, RGB ja HSL-arvot kuvasta?

Kyllä. Valitse pikseli ja käytä kopiointipainiketta tarvitsemasi arvon vieressä. Poimija näyttää läpinäkyvyyden tarvittaessa; läpinäkymättömät palettiviennit sisältävät RGB-värejä.

Mitä eroa on Hallitsevalla ja Eloisalla?

Hallitseva korostaa yleisiä kuvan värejä. Eloisa antaa enemmän vaikutusvaltaa värikkäille korostuksille. Molemmat ovat näytteistettyjä arvioita, eikä kumpikaan lupaa löytää tiettyä brändiväriä automaattisesti.

Miksi kuuden värin pyyntö palauttaa vähemmän värejä?

Lähteessä voi olla vähemmän erottuvia näkyviä värejä. Poimija palauttaa saatavilla olevat ryhmät sen sijaan, että keksisi päällekkäisiä värimalleja täyttääkseen pyydetyn määrän.

Voinko pitää värin palettia päivittäessäni?

Kyllä. Valitse sen värimalli ja käytä Lukitse väri -toimintoa. Voit myös lisätä mukautetun HEX-arvon, järjestää värimallit uudelleen tai poistaa värejä ennen vientiä.

Pysyykö kaikki selaimessani?

Ei. Pikselipoiminta ja paletin muokkaukset tapahtuvat selaimessa, mutta automaattinen poiminta ja lopullinen vienti lataavat lähteen palvelimelle. Jotkin syöttömuodot tarvitsevat myös palvelimella luodun esikatselun.

Mainokset

Kieli38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Valitse kielesi. Video-ohjeet käyttävät tällä hetkellä englanninkielistä kerrontaa.