Color Picker

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.

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.