Color Picker

Vyberte farby a pustite sa do práce — bez starostí

Color Picker sme vytvorili v roku 2025, pretože nás nebavili ťažkopádne aplikácie a prekomplikované nástroje na farby. Ako front-end developeri a ilustrátori sme potrebovali rýchlo „chytiť“ farbu, trochu ju doladiť a ísť ďalej. Začalo to ako interný nástroj, obľúbili si ho kolegovia; vyleštili sme ho a sprístupnili na webe pre všetkých. Bez účtu a bez krivky učenia — otvorte stránku, vyberte tón a skopírujte kódy HEX, RGB, HSL alebo HSV.

Prečo sa náš výber farby páči

Ak ste sa niekedy pozreli na dizajn a premýšľali „ako trafím presne ten tón?“, oceníte jednoduchosť Color Picker. Rozhranie sme zámerne ponechali minimalistické:

• Jeden klik — a farba je vaša — ťuknite kdekoľvek v palete a potrebné hodnoty sa zobrazia okamžite. Potrebujete vzorku z fotky alebo snímky obrazovky? Pustite súbor na stránku a použite kvapkadlo.
• Prechody úplne jednoducho — pridávajte a posúvajte zarážky na lište, aby ste dosiahli hodvábne prechody. Prepínajte lineárny/radiálny režim, dolaďte uhol a krytie a kopírujte CSS.
• Bez limitov, bez nákladov — Color Picker funguje v každom modernom prehliadači na počítači, tablete aj telefóne. Nič netreba inštalovať, žiadne poplatky.
• Rozšírenia, keď treba — naše voliteľné rozšírenia pre Chrome a Edge prinesú kvapkadlo priamo do prehliadača, aby ste mohli odoberať vzorky z akejkoľvek stránky a uchovávať históriu.

Na čo slúži

Ľudia používajú Color Picker rôznymi spôsobmi:

• Dizajnéri a produktové tímy ho používajú pri skicovaní rozhraní alebo paliet značky. Skúmanie kombinácií a kopírovanie CSS pre prechody je rýchle.
• Ilustrátori a umelci využívajú kvapkadlo na inšpiráciu z fotografií a malieb. Nástroj prechodu pomáha plánovať jemné tieňovanie a farebné prechody.
• Front-end developeri sa naň spoliehajú pri generovaní konzistentných hodnôt farieb naprieč projektmi. Rozšírenie uľahčuje odoberanie vzoriek z existujúcich webov.
• Každý, kto kontroluje prístupnosť si môže pozerať farby v rôznych modeloch a upravovať krytie, kým nespĺňajú smernice kontrastu.

Začíname

Žiadny manuál netreba — tu je rýchly prehľad:

• Zvoľte farbu — kliknite kdekoľvek v palete. Okamžite sa zobrazia hodnoty HEX, RGB a HSV. Odtieň, sýtosť, jas a krytie doladíte posuvníkmi.
• Odoberte vzorku z obrázka — pretiahnite obrázok na stránku alebo ho vyberte. Kliknite na požadovaný pixel a zobrazia sa kódy farby.
• Vytvorte prechod — kliknite na lištu prechodu a pridajte zarážky, potiahnutím ich upravte; prepínajte medzi lineárnym a radiálnym štýlom. Dolaďte uhol a krytie, kým to nebude perfektné.
• Kopírujte a znovu použite — vaše farby a prechody sa ukladajú automaticky. Skopírujte kódy alebo CSS a prilepte do projektu, prípadne zdieľajte s tímom.