Výber farby online

O nástroji Výber farby online
Pomocou tohto online nástroja môžete vybrať farbu z nahraného obrázka, z obrazovky, ak to váš prehliadač podporuje, alebo zadať hodnotu farby ručne. Vybraná farba sa okamžite prevedie do bežných formátov, ako sú HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV a CMYK, takže potrebnú hodnotu môžete skopírovať bez prepínania na inú stránku.

• Funkcie
Výber farby z obrázka: Vyberte lokálny obrázok a pohybom po obrázku si zobrazte náhľad okolitých pixelov. Kliknutím na obrázok vyberiete aktuálnu farbu.

Extrahovanie palety z obrázka: Po nahratí obrázka nástroj vytvorí kompaktnú paletu hlavných farieb, ktoré môžete skopírovať alebo použiť ako aktuálnu farbu.

Úprava na úrovni pixelu: Po výbere farby z obrázka môžete pomocou šípok na klávesnici presnejšie upraviť polohu vybraného pixelu.

Výber farby z obrazovky: Ak túto funkciu podporuje váš prehliadač, môžete použiť výber farby priamo z obrazovky.

Ručné zadanie farby: Farbu môžete zadať ručne pomocou výberu farby alebo hodnoty HEX / HEXA, napríklad #2563EB alebo #2563EBFF.

Viacero formátov farieb: Vybranú farbu môžete previesť do formátov HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV a CMYK.

Zladené farby: Z aktuálnej farby môžete vygenerovať doplnkové, analogické, triadické, jemne svetlé a tlmené farebné možnosti.

Svetlé a tmavé odtiene: Vytvorte praktickú škálu od svetlých po tmavé odtiene, ktorú môžete použiť pre pozadia, okraje, hover stavy, štítky a UI komponenty.

Kontrast textu a UI dvojice: Porovnajte biely a čierny text podľa kontrastu WCAG, zobrazte percepčnú referenčnú hodnotu v štýle APCA a získajte pohodlnejšiu UI dvojicu, ak vysoko sýta farba potrebuje tmavšie alebo svetlejšie pozadie.

CSS premenné: Skopírujte pripravené CSS premenné pre aktuálnu farbu, svetlý a tmavý variant, čitateľnú farbu textu a odporúčanú dvojicu UI pozadia a textu.

Spracovanie v prehliadači: Čítanie obrázka, výber farby, extrahovanie palety a prevod farieb prebiehajú priamo vo vašom prehliadači bez inštalácie samostatnej aplikácie.

• Poznámky
Výber farby z obrazovky závisí od podpory prehliadača. V prehliadačoch, ktoré túto funkciu nepodporujú, môžete stále použiť výber z obrázka alebo ručné zadanie.

Pri výbere farby z obrázka môže byť obrázok prispôsobený veľkosti stránky, no vzorkovaná farba sa mapuje späť na pôvodnú pozíciu pixelu v obrázku.

Kontrast textu sa počíta z vybranej plnej farby. Ak sa text zobrazuje na prechodoch, fotografiách, priehľadnosti alebo textúrovanom pozadí, skontrolujte aj výsledný návrh vizuálne.

Hodnota v štýle APCA slúži ako percepčná referencia popri kontraste WCAG. Kontrola WCAG zostáva na tejto stránke hlavným kritériom splnenia alebo nesplnenia prístupnosti.

Pri farbách používaných v rozhraniach, dokumentoch, obrázkoch alebo tlačených materiáloch sa výsledný vzhľad môže líšiť podľa nastavení displeja, farebných profilov, formátov súborov a výstupných zariadení.

:wiki_link