Γεννήτρια διαβαθμίσεων CSS
Φτιάξτε ομαλές διαβαθμίσεις σε OKLab ή OKLCH, χωρίς τη γκρίζα νεκρή ζώνη του RGB. Αντιγράψτε CSS ή κλάσεις Tailwind.
Χρώματα
Ανάμειξη σε
Το OKLab κρατά ζωντανή τη μέση. Το sRGB είναι ο τρόπος ανάμειξης των παλιών προγραμμάτων περιήγησης και συχνά γκριζάρει στη μέση.
Τύπος
CSS
background: linear-gradient(90deg, #ff5733, #ec6659, #d87075, #c3788d, #ae7ea4, #9781b9, #7e83ce, #6183e2, #3b82f6);
background: linear-gradient(90deg in oklab, #ff5733, #3b82f6);Tailwind CSS v4
bg-linear-90/oklab from-[#ff5733] to-[#3b82f6]Χρώματα κατά μήκος της διαβάθμισης
Δημοφιλείς διαβαθμίσεις
- Διαβάθμιση από μπλε σε μωβ
- Διαβάθμιση από ροζ σε πορτοκαλί
- Διαβάθμιση από μωβ σε ροζ
- Διαβάθμιση από πετρόλ σε μπλε
- Διαβάθμιση από πορτοκαλί σε κίτρινο
- Διαβάθμιση από μπλε μαρίν σε πετρόλ
- Διαβάθμιση από κόκκινο σε πορτοκαλί
- Διαβάθμιση από πράσινο σε μπλε
- Διαβάθμιση από μαύρο σε λευκό
- Διαβάθμιση από κοραλλί σε χρυσό
- Διαβάθμιση από κυανό σε ματζέντα
- Διαβάθμιση από βιολετί σε μπλε