Zaawansowane narzędzie Pixpa do dostosowywania kolorów umożliwia poprawę wyglądu witryny internetowej poprzez zastosowanie jednolitych kolorów, gradientów liniowych i radialnych w sekcjach i tekście.
Dzięki temu zyskujesz wysoki poziom kontroli kreatywnej przy projektowaniu tła, nagłówków i tekstu akapitów swojej witryny.
W tym artykule:
- Dostęp do panelu kolorów
- Opcje typu koloru
- Gradient zatrzymuje się
- Suwak obrotu
- Opcje kształtu gradientu promieniowego
- Wybór koloru i wprowadzenie kodu szesnastkowego
- Suwak krycia
- Gdzie można użyć opcji kolorów
Dostęp do panelu kolorów
- Najedź kursorem na sekcję, którą chcesz edytować i kliknij Styl Kolor (1) opcja.
- Tutaj zobaczysz opcję zmiany koloru tła, koloru tekstu nagłówka i koloru tekstu akapitu.
- Kliknij na Niestandardowy kolor (2) opcja obok elementu, który chcesz edytować.
- nowa otworzy się okno podręczne skąd możesz dostosować kolor wybranego elementu.
Opcje typu koloru
Na górze panelu kolorów zobaczysz trzy opcje:
- Solidny: Zastosuj jeden, jednolity kolor do wybranego obszaru. Jest to prosta, czysta opcja dla użytkowników, którzy chcą mieć spójny blok kolorów.
- Gradient liniowy: Tworzy stopniowe mieszanie dwóch lub więcej kolorów wzdłuż prostej linii. Kierunek tego gradientu można kontrolować za pomocą suwaka obrotu.
- Gradient radialny: Tworzy koliste przejście kolorów promieniujące z centralnego punktu. Jest to idealne rozwiązanie do efektów w stylu reflektora lub do przyciągania uwagi do określonego obszaru.
Gradient zatrzymuje się
Gdy wybierzesz jedną z opcji Liniowy or Gradient promieniowyzobaczysz poziomy pasek kolorów, na którym możesz zarządzać swoimi przejściami gradientowymi:
- Każdy zatrzymanie gradientu (reprezentowany przez ikonę kropli) oznacza punkt koloru w gradiencie.
- Kliknij przystanek, aby zmienić jego kolor, korzystając z selektora kolorów lub wpisując kod szesnastkowy.
- Możesz dodaj wiele przystanków aby tworzyć płynne przejścia między kolorami.
- Kliknij ikonę mała ikona „x” poniżej przystanek, aby go usunąć.
Suwak obrotu (tylko gradient liniowy)
W przypadku gradientów liniowych użyj suwaka obrotu, aby zmienić kąt gradientu. Umożliwia to obrót kierunku koloru z poziomu (0°) na pion (90°) lub dowolny niestandardowy kąt do 360°.
- Podgląd gradientu będzie dostosowywany na bieżąco w miarę przesuwania suwaka.
- Aktualny kąt jest wyświetlany w polu numerycznym obok suwaka (np. 270°).
Opcje kształtu gradientu promieniowego
Po wybraniu Gradient promieniowy (1) pod podglądem gradientu pojawią się dwie opcje kształtu:
- Elipsa: Tworzy wydłużony gradient promieniowy z poziomym lub pionowym rozciąganiem. Jest to przydatne w przypadku szerszego pokrycia gradientowego lub asymetrycznych projektów.
- Okrąg: Tworzy idealnie okrągły gradient promieniujący od środka (lub wybranego punktu centralnego). Idealny do tła w stylu reflektora lub przyciągania wzroku do centralnego elementu.
Wybór koloru i wprowadzanie kodu szesnastkowego
Niezależnie od tego, czy pracujesz z jednolitym kolorem, czy z pojedynczymi przejściami tonalnymi:
- Użyj selektor kolorów aby wybrać kolor wizualnie.
- Alternatywnie wprowadź kod koloru szesnastkowego ręcznie (np. #c14dff) w celu precyzyjnej kontroli koloru.
Jeśli używasz gradientu, wybranie punktu przejścia umożliwia zdefiniowanie jego konkretnego koloru za pomocą tego narzędzia.
Suwak krycia
Na dole panelu znajdziesz suwak umożliwiający kontrolę krycia:
- Ustaw poziom przezroczystości wybranego koloru lub gradientu.
- Wartość 1 oznacza całkowitą nieprzezroczystość, a 0 całkowitą przezroczystość.
Funkcja ta jest przydatna przy tworzeniu wielowarstwowych efektów wizualnych lub nakładek miękkiego tła.
Gdzie można użyć tych opcji kolorów
Te zaawansowane narzędzia do edycji kolorów są dostępne w następujących obszarach:
- Sekcja Tło
- Nagłówek tekstu
- Tekst akapitu
Każdy obszar ma własną zakładkę kolorów, dzięki czemu możesz niezależnie stylizować różne komponenty i zyskać większą elastyczność wizualną.