Pastelowy gradient CSS — gotowy kod
Twórz wizualnie gradienty CSS: liniowe, promieniowe lub stożkowe, suwak kąta i do sześciu stopni kolorów z podglądem na żywo o pełnej szerokości i kodem, który można kopiować.
Wynik
Ta strona otwiera generator gradientów z gotowym pastelowym odcieniem: pudrowy róż #ffdde1 przechodzący w zakurzony róż #ee9ca7. Panel podglądu natychmiast pokazuje wynik miękki, a poniżej gotowa linia CSS.
Pastelowe gradienty sprawdzają się tam, gdzie krzyczą nasycone: ekrany pokładowe, karty, puste stany oraz branding kosmetyczny lub lifestylowy. Ponieważ oba przystanki są jasne, ciemny tekst pozostaje czytelny na całej powierzchni — coś, czego nie mogą zapewnić najbardziej żywe gradienty bez nakładki.
Skopiuj linię w niezmienionej postaci lub zmiękcz ją jeszcze bardziej, stosując triki związane z nieprzezroczystością: przesuń punkt róży na 80% i pozwól, aby dominował róż, lub zmień typ na promienisty, aby uzyskać delikatny blask środka. Narzędzie aktualizuje kopiowalny CSS na każdym wejściu.