Barvy a design
Vybírej, převáděj a kombinuj barvy a generuj CSS pro své projekty.
- Editor cubic-bezier Navrhuj easing křivky CSS v editoru cubic-bezier s tažením úchytů, porovnej je s lineárním pohybem v živé animaci a zkopíruj cubic-bezier() či linear().
- Generátor barevných palet Vytvoř barevné palety z jedné základní barvy podle pravidel harmonie: komplementární, analogická, triadická, tetradická, čtvercová a monochromatická.
- Generátor border-radius Tvaruj CSS border-radius vizuálně tažením bodů. Nastav každý roh v px nebo %, použij eliptickou syntaxi s 8 hodnotami, vytvoř blob a zkopíruj kód.
- Generátor box-shadow Navrhuj vrstvené CSS stíny box-shadow s živým náhledem. Nastav posun, rozostření, rozšíření, barvu, krytí a inset, vyzkoušej neumorfismus a zkopíruj kód.
- Generátor clip-path Kresli tvary CSS clip-path tažením bodů. Uprav polygony, kruhy, elipsy a inset, začni z předvoleb jako hvězda či šipka a zkopíruj hotový kód.
- Generátor CSS gradientů Vytvoř lineární, radiální a kuželové CSS gradienty s živým náhledem. Přidávej a přetahuj barevné zarážky, nastav úhel a zkopíruj čistý kód CSS.
- Generátor Flexbox a CSS Grid Sestavuj rozložení flexbox a CSS grid vizuálně. Nastav vlastnosti kontejneru a položek, pojmenuj oblasti mřížky, sleduj výsledek živě a zkopíruj CSS a HTML.
- Hledač názvu barvy Zjisti název libovolné barvy. Zadej kód HEX nebo RGB a získáš 5 nejbližších názvů z více než 30 000 pojmenovaných barev a nejbližší název barvy v CSS.
- Kalkulačka poměru stran Kalkulačka poměru stran: zkrátí libovolnou šířku a výšku, změní velikost se zachováním proporcí, porovná 16:9, 4:3 či 21:9 a zkopíruje kód CSS aspect-ratio.
- Kombinace písem Vyzkoušej kombinace písem pro nadpisy a text z 20 písem s otevřenou licencí, uprav velikost a řádkování a zkopíruj CSS zásobníky font-family.
- Kontrola kontrastu barev Bezplatná kontrola kontrastu podle WCAG. Zadej barvu textu a pozadí a získáš poměr kontrastu, výsledky AA/AAA a nejbližší vyhovující barvu.
- Paleta barev z obrázku Získej barevnou paletu z libovolného obrázku. Vlož fotku a dostaneš její dominantní barvy jako kódy HEX s podílem na obrázku, připravené ke kopírování.
- Převodník barev Převeď libovolnou barvu mezi HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH a OKLCH. Vlož kód, zobraz barvu a zkopíruj každý formát jedním kliknutím.
- Převodník PX na REM Převáděj px na rem a em s libovolnou základní velikostí písma, sestav tabulku hromadného převodu a přepiš hodnoty px v úryvku CSS na rem.
- Simulátor barvosleposti Bezplatný simulátor barvosleposti. Prohlédni si libovolný obrázek s protanopií, deuteranopií, tritanopií, jejich mírnějšími formami či achromatopsií.
- Světlejší a tmavší odstíny barvy Vytvoř světlejší a tmavší odstíny libovolné barvy v krocích 5, 10, 20 či 25 %, míchané v OKLCH nebo sRGB, a exportuj je jako proměnné CSS či Tailwind.
- Výběr barev Bezplatný online výběr barev. Vyber libovolnou barvu a hned zkopíruj její kódy HEX, RGB, HSL, HSV a CMYK včetně kontrastu na bílé a černé.
- Výběr barvy z obrázku Vlož obrázek a kliknutím na libovolný pixel získáš jeho barvu jako HEX, RGB, HSL, HSV a CMYK. Lupa, průměrování a seznam vybraných barev ve tvém prohlížeči.
- Zmenšení fontu – subsetting písma Zmenši písmo na potřebné znaky pomocí HarfBuzz přímo v prohlížeči. Získáš menší TTF/OTF a WOFF, náhled a pravidlo @font-face s unicode-range.