Edytor gradientu
Mieszaj kolory w gładką mieszankę, tak jak robią to projektanci. Przeciągnij punkty zatrzymania, przełącz liniowo lub promieniowo, ustaw kąt i skopiuj kody CSS lub kolory dla edycji tła, tekstu i zdjęć. PictorX uruchamia edytor w Twojej przeglądarce. Przeciągnij znaczniki koloru, przełącz liniowo lub promieniowo i skopiuj CSS lub HEX.
Jak to działa
- Przeciągnij przystanek koloru albo wpisz wartość HEX, RGB lub HSL.
- Wybierz liniowy lub promieniowy, ustaw kąt, a następnie skopiuj CSS lub kolor końcowy.
- Wklej gradient w PictorX do wypełnień, tekstu i kształtów lub edytuj dalej przystanki.
Przystanki koloru do przeciągania
Każdy uchwyt jest zatrzymaniem koloru. Przeciągnij go wzdłuż paska, aby zmienić położenie tego koloru, kliknij go, aby edytować HEX, RGB, HSL, HSV lub CMYK, a także dodaj lub usuń punkty zatrzymania wraz z liczbą kolorów. Gradienty liniowe również przyjmują kąt, dzięki czemu mieszanka może przebiegać w dowolnym kierunku; gradienty promieniowe rozprzestrzeniają się od środka.
CSS do wklejenia w dowolnym miejscu
Skopiuj pełny ciąg gradientu liniowego lub radialnego dla narzędzi CSS i projektowania lub skopiuj pojedynczy przystanek w formacie HEX, RGB, HSL, HSV lub CMYK. Kopiuj paletę kopiuje każdy kod szesnastkowy na raz. Następnie kontynuuj edycję w PictorX.
Często zadawane pytania
Czym jest edytor gradientu?
Edytor gradientów umożliwia mieszanie dwóch lub więcej kolorów wzdłuż linii lub od punktu centralnego. Każdy uchwyt to przystanek koloru: przeciągnij go, aby zmienić położenie tego koloru, a następnie skopiuj CSS lub HEX dla tła, tekstu i kształtów.
Czym różnią się gradienty liniowe i promieniste?
Gradient liniowy łączy kolory w jednym kierunku — ustaw kąt tak, aby przebiegał od lewej do prawej, od góry do dołu lub po przekątnej. Gradient promieniowy rozciąga się od środka na zewnątrz, jak światło punktowe.
Czy mogę skopiować CSS i HEX?
Tak. Kopiuj CSS kopiuje pełny ciąg znaków z gradientem liniowym lub radialnym. Wybierz przystanek, aby skopiować HEX, RGB, HSL, HSV lub CMYK. Kopiuj paletę kopiuje każdy kod szesnastkowy na raz.
Czy edytor gradientów przesyła moją pracę?
Nie. Edytor działa w Twojej przeglądarce. Skopiuj kod CSS lub kody, a następnie użyj ich w PictorX do wypełnień, tekstu i efektów fotograficznych w tym samym obszarze roboczym.
Powiązane narzędzia
Więcej informacji o colors
Jak działa kolor na ekranach i w druku: RGB, CMYK, HSL, HEX, koło kolorów, gradienty, kontrast i narzędzia PictorX.
Koło kolorów
Wybierz kolor na interaktywnym kole, wygeneruj palety uzupełniające, analogiczne, triadyczne i inne oraz skopiuj HEX, RGB, HSL, HSV lub CMYK. Nic nie zostało przesłane.
Generator palety kolorów
Twórz, blokuj i mieszaj palety kolorów w przeglądarce. Kopiuj zmienne HEX, CSS lub JSON, eksportuj PNG lub SVG i wyodrębniaj kolory ze zdjęcia. Nic nie zostało przesłane.
Transfer koloru
Pokoloruj ponownie zdjęcie, używając kolorów drugiego obrazu. Podgląd na żywo w przeglądarce z suwakiem siły i opcjonalną zachowaną jasnością. Nic nie zostało przesłane.
Filtry elektrycznego snu
Nadaj zdjęciom kinowy blask dzięki Efekty → Kolor. Korzystaj z PictorX bezpłatnie w swojej przeglądarce, bez konieczności instalowania oprogramowania.
Szablony projektów
Szybko rozpocznij dowolny projekt dzięki setkom gotowych układów: kompozycji artystycznych, projektów tekstów i wierszy, tabel, wykresów, infografik, ilustracji, slajdów prezentacji i nie tylko. Korzystaj z PictorX bezpłatnie w swojej przeglądarce, bez konieczności instalowania oprogramowania.
Chcesz wypróbować?
Otwórz PictorX w swojej przeglądarce — do uruchomienia nie jest wymagana żadna instalacja ani karta kredytowa.
Przejdź do edytora