Designové nástroje
Rychlé nástroje pro front-end a vizuální design, s CSS připraveným ke zkopírování a kontrolami přístupnosti založenými na vzorci kontrastu WCAG.
7 nástrojů
Nástroje v této kategorii
- Převodník barevPřevádějte barvy mezi HEX, RGB, HSL, HWB, OKLCH a zjednodušeným CMYK. Vložte libovolnou barvu CSS nebo použijte výběr barvy a zkopírujte si potřebný formát. Běží ve vašem prohlížeči.
- Kontrola kontrastuZkontrolujte kontrastní poměr textu a pozadí podle WCAG 2.2, zobrazte výsledky AA a AAA pro text a prvky UI a získejte nejbližší vyhovující barvu.
- Generátor CSS přechodůVytvářejte lineární, radiální a kuželové CSS přechody se 2 až 6 barevnými body, nastavte úhel a pozice, živě si je prohlédněte a zkopírujte CSS pozadí.
- Generátor box-shadowNavrhněte CSS box-shadow s více vrstvami: posun, rozostření, rozšíření, barva, krytí a vnitřní stín. Zobrazte náhled na libovolném pozadí a zkopírujte CSS pro box-shadow.
- Generátor barevných paletGenerujte doplňkové, analogické, triadické, tetradické, split-komplementární a odstínové palety z jedné barvy. Zamkněte barvy a zkopírujte HEX, CSS nebo JSON.
- Převodník PX na REMPřevádějte px na rem nebo em a zpět s libovolnou velikostí kořenového písma (výchozí 16px). Obsahuje tabulku běžných velikostí a převádí hodnoty px v celých úryvcích CSS.
- Kalkulačka poměru stranNajděte chybějící šířku nebo výšku pro libovolný poměr stran, zjednodušte rozměry jako 1920×1080 na 16:9, zobrazte náhled tvaru a zkopírujte pravidlo CSS aspect-ratio.