1background: #FF930F;
2background: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%,rgba(255, 249, 91, 1) 100%)Vali vรคrvid ja asu tรถรถle โ ilma jamata
Ehitasime Color Pickeri 2025. aastal, sest tรผรผtud rasked รคpid ja รผlikeerulised vรคrvitรถรถriistad vรคsitasid. Frontend-arendajate ja illustraatoritena vajasime midagi, millega vรคrvi kiiresti kรคtte saada, pisut kohandada ja edasi liikuda. Sisemisest abivahendist sai kolleegide lemmik; lihvisime selle รคra ja panime kรตigile veebi. Pole kontosid ega รตppekรตverat โ ava leht, vali toon ja kopeeri HEX-, RGB-, HSL- vรตi HSV-koodid.
Miks meie vรคrvivalija meeldib?
Kui oled kunagi vaadanud disaini ja mรตelnud, kuidas tabada tรคpset tooni, hindad Color Pickeri lihtsust. Hoidsime liidese meelega minimaalse:
- Klรตps ja vรคrv on kรคes โ puuduta paletil รผkskรตik millist punkti ja tรถรถriist nรคitab kohe vajalikke vรครคrtusi. Soovid proovi fotost vรตi kuvatรตmmisest? Aseta see lehele ja kasuta pipetti.
- Gradiendid tehtud lihtsaks โ loo siidiselt sujuvaid รผleminekuid, lisades ja liigutades peatusi. Lรผlitu lineaarse ja radiaalse vahel, hรครคleta nurka ja lรคbipaistvust ning kopeeri CSS.
- Pole piiranguid ega kulusid โ Color Picker tรถรถtab igas kaasaegses brauseris arvutis, tahvlis vรตi telefonis. Midagi pole vaja paigaldada ja tasusid pole.
- Laiendused siis, kui vaja โ meie valikulised Chromeโi ja Edgeโi laiendused toovad pipeti otse brauserisse, et saaksid vรตtta vรคrve igalt lehelt ja hoida oma ajalugu kรคepรคrast.
Mida see sisaldab
Pipett
Vรตta vรคrve otse รผles laaditud piltidelt vรตi รผkskรตik millelt ekraanil; aseta fail lehele ja klรตpsa pikslit, et nรคha selle vรครคrtusi mitmes vormingus.
Vormingu teisendused
Lรผlitu hetkega HEX-, RGB-, HSL- ja HSV-vormingu vahel ning kopeeri koodid CSS-i, disainitarkvarasse vรตi paletivahenditesse.
Gradientilooja
Loo lineaarsed vรตi radiaalsed gradiendid, lisades ja liigutades peatusi, kohandades nurka ja lรคbipaistvust ning kopeeri lรตplik CSS.
Vรคrviajalugu
Iga valitud vรคrv salvestatakse, et saaksid selle juurde hiljem naasta vรตi seda taaskasutada.
Brauserilaiendused
Valikulised Chromeโi ja Edgeโi laiendused vรตimaldavad vรตtta vรคrve mis tahes saidilt ja avada tรถรถriista otse tรถรถriistaribalt.
Universaalne ligipรครคs
Tรถรถtab igas kaasaegses brauseris; laiendused toetavad mitut keelt ja neid uuendatakse regulaarselt.
Tasuta ja privaatne
Teenus on tasuta ja me ei kauple sinu andmetega.
Milleks see hea on
Inimesed kasutavad Color Pickerit mitmel moel:
- Disainerid ja tooteยญmeeskonnad vรตtavad selle appi, kui visandavad liideseid vรตi brรคndipalette. Kombinatsioonide uurimine ja gradientide jaoks vajaliku CSS-i kopeerimine on kiire.
- Illustraatorid ja kunstnikud kasutavad pipetti, et ammutada inspiratsiooni fotodest ja maalidest. Gradientitรถรถriist aitab planeerida sujuvat varjutamist ja vรคrviรผleminekuid.
- Frontend-arendajad toetuvad sellele, et luua projektideรผlalt รผhtsed vรคrvivรครคrtused. Laiendus teeb olemasolevatelt saitidelt proovivรตtu lihtsaks.
- Kรตik, kes kontrollivad ligipรครคsetavust saavad vaadata vรคrve eri mudelites ja kohandada lรคbipaistvust, kuni kontrastinรตuded on tรคidetud.
Alustamine
Kasutusjuhendit pole tarvis โ siin on lรผhike รผlevaade:
- Vali vรคrv โ klรตpsa paletil รผkskรตik kuhu. Kohe nรคed HEX-, RGB- ja HSV-vรครคrtusi. Hรครคleta tooni, kรผllastust, heledust ja lรคbipaistvust liuguritega.
- Vรตta proov pildist โ lohista pildifail lehele vรตi vali see. Klรตpsa soovitud piksli peale ja vรคrvikoodid ilmuvad.
- Ehita gradient โ klรตpsa gradientiribal, et lisada peatusi, ning lohista neid; lรผlitu lineaarse ja radiaalse stiili vahel. Kohanda nurka ja lรคbipaistvust, kuni tulemus sobib.
- Kopeeri ja taaskasuta โ sinu vรคrvid ja gradiendid salvestatakse automaatselt. Kopeeri koodid vรตi CSS ning aseta need projekti vรตi jaga tiimiga.
Kuidas Color Pickerit veebis kasutada
Laiendused Chromeโile ja Edgeโile
Meeldib mรตte โkorjataโ vรคrve otse veebilehelt? Color Picker โ Eye Dropper Chromeโile ja Eyedropper โ Color Picker Edgeโile teevadki seda. Need lisavad brauserisse vรคikese nupu, et saaksid elemendi kohale viia kursori ja tabada selle tooni. Pop-upist saab ka pilte รผles laadida, vรคrve gradientideks kombineerida ja CSS-i kopeerida. Laiendused toetavad mitut keelt ja neid uuendatakse regulaarselt.
Usaldusvรครคrne kogukonnatรถรถriist
Tegime Color Pickeri, sest tahtsime lihtsat tรถรถriista, mis โlihtsalt tรถรถtabโ. See on kogukonnaprojekt ja jรครคb alati tasuta. Me ei kogu ega mรผรผ sinu andmeid. Kui see on kasulik, aitab laienduse paigaldamine vรตi saidi jagamine, et rohkem inimesi selle leiaks.
Kuidas andmeid tรถรถtleme, vaata meie lehtedelt: Privaatsuspoliitika , Kasutustingimused.