Vyberte farbu, vezmite kód a pokračujte v práci
Výber farby, tvorba prechodov a kvapkadlo na obrázky na jednej stránke. Bez účtu, bez inštalácie a bez čakania: vyberte odtieň a skopírujte ho ako HEX, RGB, HSL alebo HSV.
Kódy farby
#0F37FFrgb(15, 55, 255)hsl(230°, 100%, 52.94%)hsv(230°, 94.12%, 100%)cmyk(94.12%, 78.43%, 0%, 0%)xyz(19.61, 10.05, 95.5)lab(37.93, 62.96, -98.45)lch(37.93, 116.86, 302.6°)Trendové farby
Zobraziť všetky trendové farbyČo je vnútri
Kvapkadlo
Naberte farby z nahraného obrázka alebo odkiaľkoľvek na obrazovke tam, kde to prehliadač umožňuje. Presuňte súbor na stránku a kliknite na pixel.
Prevod formátov
Okamžite prepínajte medzi HEX, RGB, HSL, HSV, CMYK, XYZ, LAB a LCH a kopírujte ktorúkoľvek hodnotu rovno do CSS alebo do svojho grafického nástroja.
Tvorba prechodov
Pridávajte a presúvajte zarážky po lište, prepínajte lineárny a radiálny, nastavte uhol aj krytie a potom skopírujte hotové CSS.
História farieb
Každá farba aj prechod zostávajú vo vašom prehliadači, takže sa k nim môžete vrátiť alebo ich použiť v inom projekte.
Harmónie a varianty
Každá stránka farby ukazuje svetlejšie a tmavšie odtiene a šesť harmonických schém a ktorúkoľvek z nich premení jedným kliknutím na prechod.
Zadarmo a súkromne
Žiadna platená stena a žiadne sledovanie toho, čo si vyberiete. Nahrané obrázky sa čítajú v prehliadači a nikam neodchádzajú.
Pre koho to je
- Dizajnéri a produktové tímy
- Pri návrhu rozhrania alebo značkovej palety, skúšaní kombinácií a kopírovaní presného CSS pre prechod.
- Ilustrácia a maľba
- Na naberanie farieb z fotografií a obrazov kvapkadlom a plánovanie mäkkých prechodov.
- Front-end vývoj
- Na tvorbu konzistentných farebných hodnôt naprieč projektom a ich vyčítanie z hotového návrhu.
- Kontrolu prístupnosti
- Na porovnanie farby naprieč modelmi a jej úpravu, kým pomer kontrastu neprekročí požadovanú hranicu.
Ako to používať
- 1
Vyberte farbu
Kliknite kamkoľvek do poľa sýtosti a potom dolaďte posuvníkmi odtieňa a priehľadnosti. HEX, RGB aj HSV sa priebežne aktualizujú.
- 2
Naberte z obrázka
Presuňte obrázok na stránku alebo vyberte súbor a kliknite na požadovaný pixel. Kódy sa objavia hneď.
- 3
Poskladajte prechod
Kliknutím na lištu pridáte zarážku a presuniete ju na miesto. Prepnite lineárny alebo radiálny a nastavte uhol.
- 4
Skopírujte a použite
Skopírujte hodnotu alebo celú deklaráciu CSS. Všetko, čo si vyberiete, sa automaticky uloží do histórie.
Časté otázky
Malý nástroj, ktorý neprekáža
Začalo to ako interná pomôcka: chceli sme si vziať farbu, upraviť ju a ísť ďalej, bez toho, aby sme najprv otvárali ťažký grafický program. Je to zámerne jedna stránka, zámerne rýchla, a zostane zadarmo.
Rozšírenia prehliadača
Chcete farby naberať priamo zo stránok, ktoré si prezeráte? Rozšírenia pre Chrome a Edge pridajú kvapkadlo na panel, vedú vlastnú históriu a otvoria tento nástroj jedným kliknutím.