CSS генератор градијената
Визуелно направите CSS градијенте: линеарни, радијални или конични тип, клизач за угао и до шест тачака боје са живим прегледом преко целе ширине и кодом спремним за копирање.
🔒 У потпуности се обрађује у вашем претраживачу — ништа што овде унесете се никада не отпрема.
Резултат
Ручно писање linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) и освежавање странице да бисте га видели је спор циклус. Овај генератор га затвара: изаберите линеарни, радијални или конични, повуците клизач за угао, подесите сваку тачку боје изворним бирачем боје и процентуалном позицијом — а преглед преко целе ширине се освежава на сваки појединачни унос, са готовом линијом за позадину увек спремном за копирање.
Три типа градијената покривају различите послове. Линеарни градијенти бледе дуж правца и носе већину главних секција и дугмади; радијални градијенти зраче из центра за сјајеве и вињете; конични градијенти круже око центра и покрећу кружне дијаграме и точкове боја. Можете да промените тип у било ком тренутку — ваше тачке се преносе, тако да поређење три типа траје неколико секунди.
До шест тачака боје даје вам простора за вишепојасне дизајне, а странице са предефинисаним вредностима испоручују проверене комбинације — топао залазак сунца, миран океан и меки пастелни пар — као полазне тачке које можете дотеривати, а не као празна платна. Обратите пажњу на поделу посла: генератор палете боја на овом сајту бира хармоничне равне боје, а конвертор формата боја преводи вредност између HEX, RGB и HSL, док овај алат ради другачији посао — претвара изабране боје у готов CSS код градијента.
Све се извршава локално у вашем прегледачу: нема отпремања, нема налога, нема повратних путовања до сервера, а генератор наставља да ради офлајн када се једном учита.