CSS генератор на градиенти

Писането на linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) на ръка и презареждането на страницата, за да се види, е бавен цикъл. Този генератор го затваря: изберете линеен, радиален или коничен, плъзнете плъзгача за ъгъл, задайте всеки цвят с инструмент за избор на цвят и процентна позиция — и предварителният преглед на пълната ширина се прерисува на всеки един вход, като готовата фонова линия винаги е готова за копиране.

Трите вида градиенти покриват различни работни места. Линейните градиенти избледняват по посока и носят повечето герои и бутони; радиалните градиенти се излъчват от центъра за отблясъци и винетки; конични градиенти обикалят около центъра и мощни кръгови диаграми и цветни колела. Можете да превключвате типовете по всяко време — вашите спирания се пренасят, така че сравняването на трите отнема секунди.

До шест цветни спирания ви дават място за многолентови дизайни, а предварително зададените страници доставят доказани комбинации – топъл залез, спокоен океан и мек пастелен чифт – като отправни точки, които можете да променяте, а не празни платна. Обърнете внимание на разделението на труда: генераторът на цветова палитра на този сайт избира хармонични плоски цветове, а конверторът на цветови формат преобразува стойност между HEX, RGB и HSL, докато този инструмент върши различна работа — превръща избраните цветове в готов CSS градиентен код.

Всичко работи локално във вашия браузър: без качване, без акаунт, без обиколки на сървъра и генераторът продължава да работи офлайн, след като бъде зареден.