Výběr barvy online

O online výběru barvy
Pomocí tohoto online nástroje můžete vybrat barvu z nahraného obrázku, použít výběr barvy z obrazovky, pokud jej váš prohlížeč podporuje, nebo zadat hodnotu barvy ručně. Vybraná barva se okamžitě převede do běžných formátů, jako jsou HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV a CMYK, takže si můžete zkopírovat přesně tu hodnotu, kterou potřebujete.

• Funkce
Výběr barvy z obrázku: Vyberte místní obrázek a pohybem nad ním zobrazte náhled okolních pixelů. Kliknutím na obrázek vyberete aktuální barvu.

Extrakce palety z obrázku: Po nahrání obrázku nástroj vytvoří kompaktní paletu hlavních barev, které lze zkopírovat nebo použít jako aktuální barvu.

Přesné doladění pixelu: Po výběru barvy z obrázku můžete pomocí šipek přesněji upravit polohu vybraného pixelu.

Výběr barvy z obrazovky: Pokud tuto funkci váš prohlížeč podporuje, můžete použít prohlížečové kapátko a vybrat barvu přímo z obrazovky.

Ruční zadání barvy: Barvu můžete zadat ručně pomocí výběru barvy nebo hodnoty HEX / HEXA, například #2563EB nebo #2563EBFF.

Více barevných formátů: Vybranou barvu lze převést do formátů HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV a CMYK.

Ladící barvy: Z aktuální barvy můžete vygenerovat doplňkovou, analogickou, triadickou, jemně zesvětlenou a tlumenou variantu.

Světlé a tmavé odstíny: Vytvořte praktickou škálu od světlých po tmavé odstíny pro pozadí, okraje, stavy po najetí myší, štítky a komponenty rozhraní.

Kontrast textu a dvojice pro UI: Porovnejte bílý a černý text pomocí kontrastu WCAG, zobrazte percepční referenci ve stylu APCA a získejte pohodlnější dvojici barev pro UI, pokud vysoce sytá barva potřebuje tmavší nebo světlejší pozadí.

CSS proměnné: Zkopírujte připravené CSS proměnné pro aktuální barvu, světlé a tmavé varianty, čitelnou barvu textu a doporučenou dvojici pozadí/text pro rozhraní.

Zpracování v prohlížeči: Čtení obrázku, výběr barvy, extrakce palety i převod barev probíhají přímo ve vašem prohlížeči bez instalace samostatné aplikace.

• Poznámky
Výběr barvy z obrazovky závisí na podpoře prohlížeče. V prohlížečích, které tuto funkci nepodporují, můžete stále použít výběr z obrázku nebo ruční zadání.

Při výběru barvy z obrázku může být obrázek přizpůsoben velikosti stránky, ale vzorkovaná barva se mapuje zpět na původní pozici pixelu v obrázku.

Kontrast textu se počítá z vybrané plné barvy. Pokud je text umístěn na přechodech, fotografiích, průhledných nebo texturovaných pozadích, zkontrolujte finální návrh také vizuálně.

Hodnota ve stylu APCA slouží jako percepční reference vedle kontrastu WCAG. Kontrola WCAG zůstává na této stránce hlavním vyhodnocením vyhovuje/nevyhovuje pro přístupnost.

U barev použitých v rozhraních, dokumentech, obrázcích nebo tiskových materiálech se výsledný vzhled může lišit podle nastavení displeje, barevných profilů, formátů souborů a výstupních zařízení.

:wiki_link