Design a barvy
Kapátka, palety, přechody a kontrolory kontrastu.
Kapátko a převodník barev
Vyberte barvu a převádějte mezi HEX, RGB, HSL a OKLCH.
Novinka Kontrolor barevného kontrastu
Zkontrolujte WCAG AA/AAA poměry kontrastu mezi textem a barvami pozadí.
Novinka Generátor CSS přechodů
Vytvářejte lineární, radiální a kuželové CSS přechody s živým náhledem.
Novinka Generátor CSS stínů rámečků
Vytvářejte vícevrstvé CSS box-shadow s předvolbami a živým náhledem. Okamžitě zkopírujte CSS, hodnotu nebo styl React.
Novinka Generátor barevných palet
Generujte komplementární, analogické, triadické a monochromatické palety.
Novinka Generátor kubické Bézierovy křivky
Navrhněte CSS easing křivku přetahováním řídících bodů s živým náhledem.
Novinka Generátor zaoblení rohů
Vizuálně navrhujte CSS zaoblené rohy a organické tvarové bloby.
Novinka CSS Flexbox Hřiště
Upravujte flex vlastnosti s živým náhledem a kopírujte CSS.
Novinka CSS Grid Hřiště
Upravujte sloupce mřížky, mezery a zarovnání s živým náhledem a CSS.
Novinka Generátor glassmorphismu
Navrhněte kartu s efektem mrazeného skla a zkopírujte CSS s živým náhledem.
Novinka Generátor CSS stínů textu
Laďte CSS stín textu s živým náhledem a zkopírujte kód.
Novinka Míchač barev
Míchejte dvě barvy v libovolném poměru a zkopírujte výsledek nebo jakýkoli krok.
Novinka Výběr barvy z obrázku
Vyberte libovolnou barvu z obrázku a získejte jeho dominantní paletu jako HEX, RGB a HSL.
Novinka Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Novinka Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.