Gradient Editor Online

Hur det fungerar

Dra ett färgstopp eller skriv ett HEX, RGB eller HSL-värde.
Välj linjär eller radial, sätt vinkeln, kopiera sedan CSS eller en stoppfärg.
Klistra gradienten i PictorX på fyllningar, text och former, eller fortsätt redigera stopp.

Färgstopp du kan dra

Varje handtag är ett färgstopp. Dra den längs baren för att ändra var den färgen sitter, klicka på den för att redigera HEX, RGB, HSL, HSV eller CMYK, och lägg till eller ta bort stopp med färgräkningen. Linjära gradienter tar också en vinkel så blandningen kan springa i någon riktning; radiella gradienter sprids från centrum.

CSS du kan klistra in var som helst

Kopiera hela linjär-gradient eller radial-gradient sträng för CSS och designverktyg, eller kopiera ett enda stopp som HEX, RGB, HSL, HSV eller CMYK. Kopiera palett kopierar varje kod på en gång. Håll sedan redigering i PictorX.

Ofta ställda frågor

Vad är en gradient redaktör?

En gradient redaktör låter dig blanda två eller flera färger längs en linje eller från en mittpunkt. Varje handtag är ett färgstopp: dra det för att ändra var den färgen sitter, sedan kopiera CSS eller HEX för bakgrunder, text och former.

Hur skiljer sig linjära och radiella gradienter?

En linjär gradient blandar färger i en riktning - sätt vinkeln så att den kan springa vänster till höger, upp till botten eller på en diagonal. En radiell gradient blandar från mitten utåt, som en spotlight.

Kan jag kopiera CSS och HEX?

Ja. Copy CSS kopierar hela linjär-gradient eller radial-gradient sträng. Välj ett stopp för att kopiera HEX, RGB, HSL, HSV eller CMYK. Kopiera palett kopierar varje kod på en gång.

Laddar gradientredaktören upp mitt arbete?

Nej. Nej. Redaktören körs i din webbläsare. Kopiera CSS eller koder, använd dem sedan i PictorX på fyllningar, text och fotoeffekter i samma arbetsyta.