🎨

Designéři

Od hex kódů po tiskové DPI – nástroje pro barvy, kontrast a podklady, které respektují váš pracovní postup.

Designérské nástroje

Převodník barev

Převádějte barvy mezi HEX, RGB, HSL a CMYK jedním kliknutím a zkopírujte kteroukoli hodnotu.

Kontrola kontrastu barev (WCAG)

Kontrolujte kontrastní poměry textu podle standardů WCAG 2.1 AA a AAA.

Převodník pixelů a tiskových velikostí

Převádějte px, pt a rem, stejně jako palce/cm na pixely při jakémkoli DPI pro tisk i web.

Minifikátor SVG

Odstraňte komentáře a nadbytečné bílé znaky ze značek SVG a stáhněte menší soubor.

Převodník SVG do Reactu

Proměňte surové SVG v připravenou React JSX komponentu s atributy ve stylu camelCase.

Převodník obrázku do Base64

Převádějte obrázky na data URL s připravenými CSS a HTML úryvky ke kopírování.

Generátor Lorem Ipsum

Generujte zástupné odstavce, věty nebo slova pro makety a návrhy.

Generátor favicon

Jeden čtvercový obrázek dovnitř — favicon.ico, Apple touch ikona a PNG ven.

Extraktor barevné palety

Vytáhněte dominantní barvy z jakékoli fotky — nebo vyberte přesné pixely sami.

Odstraňovač pozadí

Odstraňte pozadí v prohlížeči, průhledný PNG.

Velikosti obrázků pro sociální sítě

Jedna fotka, všechny velikosti platforem — vyberte, co potřebujete, a exportujte ZIP.

Změna velikosti obrázku

Změňte velikost jedné fotky nebo celé dávky podle pixelů, procent nebo limitu nejdelší strany.

Komprese obrázků

Zmenšete soubory JPG, PNG a WebP podle kvality nebo přesné cílové velikosti — hromadně.

Oříznutí obrázku

Přesně ořízněte, otočte a zrcadlete — exportujte JPG nebo PNG jedním kliknutím.

Vodoznak na obrázek

Otiskněte text nebo logo na celou dávku fotek — lokálně, nikdy se nenahrává.

Minifikátor CSS

Odstraňte komentáře, bílé znaky a nadbytečné středníky z CSS plně v prohlížeči.

Kodér/dekodér HTML entit

Kódujte text do HTML entit a dekódujte je zpět, s pojmenovanými nebo číselnými výstupy.

Tvůrce pasových / průkazových fotek

Ořízněte fotky na pasové a vízové velikosti, změňte barvu pozadí a rozmístěte je na tiskový list.

Redaktor obrázků (mozaika a rozmazání)

Malujte mozaiku, rozmazání nebo černé pruhy přes obličeje a citlivé oblasti obrázku, lokálně.

Skládání fotek / dlouhý screenshot

Spojte více obrázků svisle nebo vodorovně do jednoho dlouhého v prohlížeči.

Kráječ fotek na mřížku (3×3)

Rozkrájejte obrázek na mřížku 3×3 nebo vlastní a stáhněte všechny dílce jako ZIP.

Tvůrce GIF

Spojte několik obrázků do animovaného GIF s nastavitelným zpožděním a velikostí.

Porovnání obrázků

Překládejte nebo posouvejte dva obrázky a lokálně zvýrazněte rozdíly v pixelech.

Tvůrce screenshotů kódu

Proměňte kód v krásný tematický obrázek se zvýrazněnou syntaxí a ozdobným oknem – bez nahrávání.

Tvůrce CSS přechodů

Vizuálně sestavte lineární, radiální a kuželové přechody a zkopírujte hotové CSS pozadí.

Generátor CSS box-shadow

Laďte posunutí, rozostření, rozptyl a barvu pro měkké i vrstvené stíny rámečků.

Generátor zaoblení rohů

Tažením posuvníků pro každý roh tvarujte zaoblené rámečky a zkopírujte CSS border-radius.

Tvůrce CSS clip-path

Vizuálně vytvářejte polygonové, kruhové a vnořené clip-path cesty a exportujte CSS clip-path.

Generátor barevných schémat

Vytvářejte harmonické monochromatické, analogické, komplementární a triadické palety z jedné barvy.

Kapátko barev z obrazovky

Vyberte jakoukoli barvu z obrazovky pomocí EyeDropper API a zkopírujte HEX, RGB nebo HSL.

Převodník PNG do SVG

Obtahujte bitmapové obrázky do škálovatelných vektorových cest SVG lokálně, s ovládáním prahu.

Jak designéři používají Sort123

Vyhrajte barvy a přístupnost

Převádějte HEX/RGB/HSL/CMYK a ověřujte kontrast textu podle WCAG AA a AAA.

Příprava webových i tiskových podkladů

Převeďte px na pt při jakémkoli DPI, minifikujte SVG a exportujte React komponenty ze surových vektorů.

Rychlé dokončení vizuálů

Odstraňte pozadí, změňte velikost pro každou sociální síť a vygenerujte favicony bez nahrávání souborů.