Σχεδίαση και Χρώμα
Επιλογείς, παλέτες, διαβαθμίσεις και ελεγκτές αντίθεσης.
Επιλογέας και Μετατροπέας Χρωμάτων
Επιλέξτε ένα χρώμα και μετατρέψτε μεταξύ HEX, RGB, HSL και OKLCH.
Νέο Ελεγκτής Αντίθεσης Χρωμάτων
Ελέγξτε τις αναλογίες αντίθεσης WCAG AA/AAA μεταξύ κειμένου και χρωμάτων φόντου.
Νέο Γεννήτρια Διαβαθμίσεων CSS
Δημιουργήστε γραμμικές, ακτινικές και κωνικές διαβαθμίσεις CSS με ζωντανή προεπισκόπηση.
Νέο Γεννήτρια CSS Box-Shadow
Δημιουργήστε πολυεπίπεδες σκιές CSS box-shadow με προεπιλογές και ζωντανή προεπισκόπηση. Αντιγράψτε άμεσα το CSS, την τιμή ή το στυλ React.
Νέο Γεννήτρια Παλέτας Χρωμάτων
Δημιουργήστε συμπληρωματικές, ανάλογες, τριαδικές και μονοχρωματικές παλέτες.
Νέο Γεννήτρια Cubic Bezier
Σχεδιάστε μια καμπύλη easing CSS σύροντας σημεία ελέγχου, με ζωντανή προεπισκόπηση.
Νέο Γεννήτρια Border Radius
Σχεδιάστε οπτικά στρογγυλεμένες γωνίες CSS και οργανικά σχήματα blob.
Νέο Παιχνιδότοπος CSS Flexbox
Ρυθμίστε τις ιδιότητες flex με ζωντανή προεπισκόπηση και αντιγράψτε το CSS.
Νέο Παιχνιδότοπος CSS Grid
Ρυθμίστε στήλες, κενά και στοίχιση του grid με ζωντανή προεπισκόπηση και CSS.
Νέο Γεννήτρια Glassmorphism
Σχεδιάστε μια κάρτα από θαμπό γυαλί και αντιγράψτε το CSS, με ζωντανή προεπισκόπηση.
Νέο Γεννήτρια CSS Text-Shadow
Ρυθμίστε μια σκιά κειμένου CSS με ζωντανή προεπισκόπηση και αντιγράψτε τον κώδικα.
Νέο Μείκτης Χρωμάτων
Αναμείξτε δύο χρώματα σε οποιαδήποτε αναλογία και αντιγράψτε το αποτέλεσμα ή κάθε βήμα.
Νέο Επιλογέας χρώματος εικόνας
Επιλέξτε οποιοδήποτε χρώμα από μια εικόνα και εξαγάγετε την κυρίαρχη παλέτα της σε HEX, RGB και HSL.
Νέο Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Νέο Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.