Värvivalija ja ekstraktor – tasuta veebitööriist
Meie tasuta veebipõhine värviekstraktor võimaldab teil fotolt valida mis tahes värvi ühe klõpsuga – tarkvara installimist ega kontot pole vaja. Laadige oma pilt üles, suurendamiseks hõljutage kursorit, klõpsake mis tahes pikslil, et koheselt näha selle HEX-, RGB-, HSL- ja HSV-väärtusi, seejärel genereerige valitud värvist täielik värvipalett. Tulemusi saab igal ajal alla laadida.
Kuidas fotolt värve valida
1
Laadige üles oma pilt
Lohistage foto paneelile ja klõpsake Laadi foto üles, või kleepige klahvikombinatsiooniga Ctrl+V. Toetatud on JPEG, PNG, WebP ja HEIC GIF.
2
Värvi valimiseks klõpsake
Suurendamiseks liigutage kursorit pildi kohale ja seejärel klõpsake piksli värvi jäädvustamiseks suvalises kohas. HEX-, RGB-, HSL- ja HSV-väärtused kuvatakse koheselt.
3
Palett kopeeritakse või genereeritakse
Klõpsake suvalisel väärtuseväljal, et see lõikelauale kopeerida, värve hilisemaks salvestada või luua täielik värvipalett ja eksportida see CSS-muutujatena või PNG-värvipalettina.
Peamised omadused
- Neli värvivormingut – vaadake ja kopeerige valitud värvi HEX-, RGB-, HSL- ja HSV-vormingus ühe klõpsuga mis tahes väärtusväljal.
- Piksli täpsusega luup – ümmargune suumobjektiiv järgib kursorit, et saaksite täpselt soovitud piksli sihtida.
- 8 paletitüüpi – genereerida analoog-, komplementaar-, triaad-, tetraad-, poolitatud-komplementaar-, monokromaatseid, varjundi- või toonipalette 3–10 värvipaletiga.
- Ekspordi valikud – kopeeri kõik paleti HEX-koodid korraga, laadi alla PNG-prooviriba või eksporti palett CSS-i kohandatud atribuutidena (
:root muutujad).
- Salvestatud värvid – lisage mis tahes värv oma brauseris talletatud isiklikule salvestatud värvide paneelile järjehoidjatesse; kustutage see igal ajal.
- HEIC-i tugi – HEIC/HEIF-vormingus iPhone'i fotod teisendatakse enne värvi valimist automaatselt.
- Töötab täielikult teie brauseris – teie fotosid ei laadita kunagi ühelegi serverile üles.
- Tasuta ja piiramatu – registreerumist, vesimärke ega piiranguid pole.
Mis on värviekstraktor?
Värvieemaldusvahend (või pildi värvivalija) on tööriist, mis loeb fotol oleva piksli täpse värvi ja teisendab selle disainis ja arenduses kasutatavateks standardseteks värvikoodideks. Värvi silma järgi vaatamise või väärtuste käsitsi sisestamise asemel klõpsate lihtsalt teid huvitaval kohal ja tööriist teeb teisenduse teie eest – alates ekraanil kuvatavatest toor-RGB-väärtustest kuni graafilise disaini töövoogudes kasutatavate HSL- ja HSV-esitusteni.
Värvipaleti generaator viib selle sammu edasi: kui olete baasvärvi valinud, rakendab see värviteooriat, et luua harmoonilisi värviskeeme, mis on valmis otse CSS-is, Figmas või mis tahes disainitööriistas kasutamiseks.
Levinumad kasutusviisid
- Brändi värvi ekstraheerimine – ammutada logolt või brändifotolt täpsed HEX-koodid, et neid veebisaidil või kujundussüsteemis järjepidevalt kasutada.
- Veebi- ja kasutajaliidese disain – sobita värvid tootepildi või põhifotoga, et paigutus tunduks ühtne.
- Palettide genereerimine – alusta ühest põhivärvist ja loo projekti jaoks täielik täiendav või analoogne skeem.
- Trükk ja illustratsioon – näidisfotod täpsete RGB-väärtuste leidmiseks enne värvi segamist või printimisprofiili seadistamist.
- CSS-i kujundused – eksportige paleti muutujad otse rakendusse
:root plokk otse stiililehele asetamiseks.
Korduma kippuvad küsimused
Jah, tööriist on 100% tasuta ja ilma kasutuspiiranguteta. Te ei pea kontot looma ega makseteavet esitama.
Ei. Kogu töötlemine toimub täielikult teie brauseris HTML5 Canvas API abil. Teie pilti ei saadeta kunagi ühelegi serverile, seega on teie privaatsus täielikult kaitstud.
Tööriist kuvab valitud värvi samaaegselt neljas vormingus: HEX (nt #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)) ja HSV (hsv(216, 73%, 84%)). Klõpsake suvalisel väljal, et see koheselt kopeerida.
Kui liigutate kursorit pildi kohal, ilmub kursori lähedale ümmargune luup, mis näitab ümbritsevate pikslite suumitud vaadet. See teeb soovitud piksli tuvastamise ja klõpsamise lihtsaks, eriti fotodel, millel on peened detailid või peened värviüleminekud.
Baasvärvi määramiseks klõpsake pildil mis tahes pikslil ja seejärel kerige alla Värvipalett jaotis. Valige paleti tüüp (analoogne, täiendav, triaadne jne) ja lohistage loenduri liugurit, et valida 3–10 värvipaletti. Palett uuendub koheselt. Kasutage Kopeeri värvid, Laadi alla PNG, või Ekspordi CSS tulemust kasutama.
CSS-i koopiate eksportimine :root { } plokk, mis sisaldab iga paletivärvi CSS-i kohandatud atribuudina (nt --color-1: #3a7bd5;). Saate selle otse oma stiililehele kleepida ja muutujatele kogu projekti vältel viidata.
Jah. HEIC- ja HEIF-failid teisendatakse teie brauseris enne pildi kuvamist automaatselt JPEG-vormingusse. Teisendamise ajal kuvatakse laadimisnäidik ja meie serveritesse ei saadeta ühtegi faili.