Γεννήτρια τυχαίου gradient
Δημιουργήστε τυχαία CSS gradients — γραμμικά, ακτινικά, conic. Αρμονικοί συνδυασμοί χρωμάτων, αντιγραφή έτοιμου CSS κώδικα. Στον browser.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Ιστορικό
Αναφορά
Πώς λειτουργεί η γεννήτρια gradient;
Αυτό το εργαλείο επιλέγει 2-3 χρώματα χρησιμοποιώντας θεωρία αρμονικών χρωμάτων (αναλογικές, συμπληρωματικές ή τριαδικές σχέσεις) με περιστροφές απόχρωσης HSL. Τυχαίες γωνίες ή θέσεις επιλέγονται με crypto.getRandomValues(). Η έξοδος αποδίδεται ως ζωντανή προεπισκόπηση μαζί με έτοιμο CSS κώδικα.
Τύποι gradient
- Γραμμικό — τα χρώματα αναμιγνύονται κατά μήκος ευθείας γραμμής σε ρυθμιζόμενη γωνία.
- Ακτινικό — τα χρώματα ακτινοβολούν προς τα έξω από κεντρικό σημείο.
- Conic — τα χρώματα περιστρέφονται γύρω από κέντρο, σαν χρωματικός κύκλος.
Συνήθεις χρήσεις
- Hero sections — εντυπωσιακά φόντα για landing pages.
- Cards και κουμπιά — μοντέρνες πινελιές UI με βάθος.
- Έμπνευση σχεδίασης — ανακαλύψτε απρόσμενους συνδυασμούς χρωμάτων.
- Wallpapers και banners — δημιουργήστε μοναδικά οπτικά assets.
Απόρρητο
Όλα τα gradients δημιουργούνται 100% στον browser σας. Δεν αποστέλλονται δεδομένα σε server.