Ocean CSS Gradient — Έτοιμος κώδικας
Δημιουργήστε διαβαθμίσεις CSS οπτικά: γραμμικός, ακτινωτός ή κωνικός τύπος, ρυθμιστικό γωνίας και έως έξι χρωματικές στάσεις με ζωντανή προεπισκόπηση πλήρους πλάτους και αντιγράψιμο κώδικα.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει τη γεννήτρια ντεγκραντέ με ένα έτοιμο ωκεάνιο ξεθώριασμα φορτωμένο: βαθύ γαλαζοπράσινο #2193b0 που ρέει σε ελαφρύ aqua #6dd5ed. Η προεπισκόπηση πλήρους πλάτους την αποδίδει ταυτόχρονα και η γραμμή CSS φόντου είναι έτοιμη για αντιγραφή.
Οι διαβαθμίσεις με μπλε γαλάζιο είναι η πιο ασφαλής επιλογή στο περιβάλλον χρήστη: σηματοδοτούν ηρεμία και εμπιστοσύνη, διατηρούν το λευκό και σκούρο κείμενο ευανάγνωστο και στις δύο άκρες και ταιριάζουν εξίσου καλά σε πίνακες εργαλείων, σελίδες προορισμού SaaS και banner. Και οι δύο στάσεις μοιράζονται την ίδια οικογένεια δροσερών αποχρώσεων, έτσι ώστε το μείγμα να παραμένει καθαρό σε όλο το μήκος του.
Αποστολή όπως είναι ή προσαρμόστε: αυξήστε τη γωνία για ένα κατακόρυφο εφέ βάθους ή προσθέστε ένα σχεδόν λευκό στοπ στο 100% για μια λάμψη ορίζοντα. Εάν χρειάζεστε ταιριαστά συμπαγή χρώματα για κουμπιά και τόνους, η γεννήτρια παλέτας χρωμάτων σε αυτόν τον ιστότοπο δημιουργεί μια αρμονία από κάθε στάση.