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

Креирај линеарне, радијалне и конусне CSS градијенте у свом прегледачу.

Заустављања боја

Користите ручице за заустављање или тастере са стрелицама за уређивање позиција. Свако заустављање укључује експлицитну боју, непрозирност и проценат.

Спреман

Изворна локална обрада у прегледачу

Ваш градијент остаје у овом прегледачу. Никакве боје или генерисани CSS се не шаљу на Convertr.

Ограничена граматика увоза

Import прихвата linear-gradient(), radial-gradient() или conic-gradient() са hex бојама и процентима.

Приступачна резерва

Генерисани CSS укључује резервну чврсту позадинску боју уз градијент за неподржане рендерере и приступачну контролну хрому.

Често постављана питања

Да ли се мој градијент отпрема?

Не. Стање градијента, боје, увезени CSS и генерисани CSS остају у вашем прегледачу.

Који CSS градијентни типови су подржани?

Генератор креира linear-gradient(), radial-gradient() и conic-gradient() излаз са више хекс бојених тачака.

Шта могу да увезем?

Увоз прихвата намерно ограничену граматику користећи једну подржану функцију градијента, хекс боје, опционе проценте и ограничене вредности угла или позиције.

Повезани алати за програмере и дизајн

Алатке за програмереПрегледајте прегледачке алате CSS конвертер бојаКонвертујте CSS боје SCSS компајлерКомпајлирајте Sass/SCSS исечке на мрежи CSS минификаторКомпресуј CSS код локално у свом прегледачу. Бирач боја сликеЛокално бирајте боје са слика.

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

Направите линеарне или радијалне CSS градијенте и прегледајте заустављања боја, угао, положај и понављање.

Улаз
тип градијента, заустављања боја, позиције, угао и подешавања понављања.
Излаз
преглед уживо и копирабилна CSS декларација позадине.
Стварна ограничења
Приказивање у прегледачу може незнатно да се разликује у зависности од погона, а алат не процењује контраст нити гарантује подршку у старијим прегледачима.
Приватност и руковање подацима
тип градијента, позиције боја, углови и подешавања понављања се обрађују у овом језичку прегледача. Convertr не прима нити чува податке; затварање или освежавање странице брише радно стање, осим ако алат експлицитно не нуди локално преузимање.

Како користити овај алат

  1. У контролама алата обезбедите тип градијента, тачке боја, позиције, угао и подешавања понављања.
  2. Изаберите подешавања која утичу на преглед уживо и CSS декларацију позадине која се може копирати, а затим покрените алатку.
  3. Прегледајте уживо преглед и CSS декларацију позадине која се може копирати пре копирања или преузимања.

Уобичајени начини неуспеха

Недостајућа граница боје, неважећа боја или некомпатибилна позиција спречавају изградњу важеће CSS декларације.

Користан пример

Направите линеарни градијент од 90 степени од #111827 на 0% до #f59e0b на 100% и копирајте декларацију.