Σχεδιασμός και στυλ

Ανεβάστε ένα αρχείο προσαρμοσμένης γραμματοσειράς (TTF, OTF, WOFF, WOFF2) και προεπισκοπήστε πώς αποδίδεται. Δοκιμάστε με προσαρμοσμένο κείμενο, αλλάξτε το μέγεθος, το βάρος, το χρώμα, το ύψος γραμμής, την απόσταση γραμμάτων και δείτε το πλήρες δείγμα αλφαβήτου.

Σχεδιάστε και κάντε σκίτσα απευθείας στο πρόγραμμα περιήγησής σας με αυτό το ελαφρύ εργαλείο ζωγραφικής online. Αναιρέστε ή επαναλάβετε τις πινελιές, διαγράψτε τα λάθη και αποθηκεύστε το έργο σας ως εικόνα PNG.

Δημιουργήστε ετικέτες διατροφικών γεγονότων σε στυλ FDA για τρόφιμα με προσαρμόσιμα μεγέθη μερίδων, θερμίδες, μακροθρεπτικά συστατικά, βιταμίνες και ορυκτά. Κάντε λήψη ως εικόνα ή εκτύπωση.

Δημιουργήστε όμορφες προσαρμοσμένες κάρτες πρόσκλησης γάμου με προσαρμόσιμα στυλ, χρώματα και κείμενο

Δημιουργήστε όμορφες, προσαρμόσιμες κάρτες πρόσκλησης πάρτι γενεθλίων με μπαλόνια, κομφετί και διασκεδαστικά σχέδια. Κάντε λήψη ή εκτύπωση αμέσως.

Δημιουργήστε τυχαία χρώματα με πολλαπλές λειτουργίες συμπεριλαμβανομένων παστέλ, ζωντανών, σκοτεινών, ανοιχτών, ζεστών, δροσερών, neon, χρωμάτων γης και σχημάτων αρμονίας χρωμάτων όπως αναλογικά, συμπληρωματικά και τριαδικά. Εξάγετε χρώματα σε μορφές HEX, RGB, HSL ή ως μεταβλητές CSS.

Προσθέστε προσαρμοσμένες υδατογραφίες κειμένου στις εικόνες σας. Προστατέψτε τις φωτογραφίες σας με κείμενο πνευματικής ιδιοκτησίας, branding ή υπογραφές. Προσαρμόστε το χρώμα κειμένου, το περίγραμμα, το φόντο και τη θέση. Προεπισκόπηση σε πραγματικό χρόνο και λήψη υδατογραφημένων εικόνων αμέσως.

Μετατρέψτε εικόνες σε pixel art με προσαρμόσιμο μέγεθος pixel και παλέτα χρωμάτων

Δημιουργήστε ρεαλιστικά εφέ στατικού θορύβου τηλεόρασης με προσαρμόσιμη έντασης και λειτουργίες χρώματος. Δημιουργήστε στατικό οθόνης CRT τηλεόρασης για βίντεο, φόντα ή καλλιτεχνικά έργα.

Δημιουργήστε επαγγελματικές αποδείξεις με υποστήριξη barcode. Δημιουργήστε προσαρμόσιμες αποδείξεις καταστήματος με λεπτομέρειες αντικειμένων, τιμολόγηση, υπολογισμούς φόρων και διάφορες μορφές barcode (CODE128, EAN-13, UPC, κ.λπ.).

Σχεδιάστε και κατεβάστε εκτυπώσιμες ετικέτες τιμών για προϊόντα λιανικής, ράφια καταστημάτων, εκπτώσεις και garage sales. Επιλέξτε ένα στυλ, ορίστε την τιμή, το νόμισμα, την προαιρετική αρχική τιμή για εκπτώσεις και το χρώμα έμφασης, στη συνέχεια εξάγετε την ετικέτα ως εικόνα PNG ή JPEG.

Δημιουργήστε επαγγελματικές επαγγελματικές κάρτες με προσαρμόσιμα σχέδια. Δημιουργήστε κομψές επαγγελματικές κάρτες με τα στοιχεία επικοινωνίας σας, επιλέξτε από πολλά σύγχρονα skins και κατεβάστε ως PNG ή JPEG.

Δημιουργήστε ένα προσαρμόσιμο σενάριο κινούμενης εικόνας πτώσης χιονιού για ιστοσελίδες. Διαμορφώστε τον αριθμό νιφάδων χιονιού, χρώμα, μέγεθος, ταχύτητα, αδιαφάνεια, εφέ ανέμου, θόλωση και στυλ κινούμενης εικόνας. Προεπισκοπήστε το εφέ ζωντανά και αντιγράψτε τον έτοιμο κώδικα JavaScript για προσθήκη όμορφων κινούμενων εικόνων χιονιού σε οποιαδήποτε ιστοσελίδα.

Δημιουργήστε Zalgo text με προσαρμόσιμη ένταση. Προσθέστε συνδυάζοντες Unicode χαρακτήρες πάνω, μέσα και κάτω από κείμενο για να δημιουργήσετε glitchy, corrupted ή creepy εφέ κειμένου.

Υπολογίστε τη συρρίκνωση πηλού για κεραμικά και κεραμικά. Βρείτε τις τελικές διαστάσεις μετά την ξήρανση και το κάψιμο, ή προσδιορίστε τι μέγεθος πρέπει να κάνετε το κομμάτι σας για να επιτύχετε τις επιθυμητές τελικές διαστάσεις.

Δημιουργήστε σκιές CSS.

Δημιουργήστε CSS περιγράμματα με κουκκίδες, διακεκομμένα και άλλα στυλ. Ελέγξτε το πλάτος περιγράμματος, το χρώμα, την ακτίνα και τις μεμονωμένες πλευρές με ζωντανή προεπισκόπηση.

Δημιουργήστε responsive CSS media queries για breakpoints, μεγέθη οθόνης, προσανατολισμούς και χαρακτηριστικά συσκευών

Δημιουργήστε εφέ CSS scroll snap με ζωντανή προεπισκόπηση. Δημιουργήστε κοντέινερ κύλισης με σημεία snap για καρουσέλ, δρομείς και ομαλές διεπαφές κύλισης

Ελέγξτε τις αναλογίες αντίθεσης χρώματος για συμμόρφωση με τις απαιτήσεις προσβασιμότητας.

Δημιουργήστε συμπληρωματικά και χρώματα διαχωρισμού-συμπληρωματικά από οποιοδήποτε χρώμα εισόδου. Ιδανικό για τη δημιουργία αρμονικών χρωματικών σχημάτων με βάση τη θεωρία χρώματος.

Δημιουργήστε ψεύτικες συνομιλίες για mockups, demos και σκοπούς σχεδιασμού.

Γεμίστε ολόκληρη την οθόνη σας με οποιοδήποτε χρώμα

Υπολογίστε τις διαστάσεις που λείπουν από την αναλογία διαστάσεων. Εισάγετε μια αναλογία και μια διάσταση για να βρείτε την άλλη.

Ταξινομήστε μια λίστα χρωμάτων κατά διαφορετικά κριτήρια όπως απόχρωση, κορεσμός, φωτεινότητα ή τιμές RGB.

Υπολογίστε το μέσο χρώμα από πολλαπλά χρώματα εισόδου χρησιμοποιώντας διαφορετικές λειτουργίες χώρου χρωμάτων (RGB, LAB, LCH, HSL).

Εφαρμόστε φίλτρο sepia σε εικόνες με προσαρμόσιμη ένταση

Στρογγυλοποιήστε τις γωνίες των εικόνων με προσαρμόσιμη ακτίνα. Δημιουργήστε φωτογραφίες με στρογγυλές γωνίες και διαφανή φόντα.

Προσθέστε προσαρμόσιμα περιγράμματα σε εικόνες με στερεά, διακεκομμένα, κουκκίδες ή διπλά στυλ

Ανακατέψτε χρώματα μαζί για να δημιουργήσετε νέα χρώματα.

Ανοιχτώστε ένα χρώμα κατά ένα καθορισμένο παράγοντα.

Σκουρύνετε ένα χρώμα κατά ένα καθορισμένο παράγοντα.

Δημιουργήστε πολλαπλές σκιές και αποχρώσεις από ένα βασικό χρώμα.

Υπολογίστε την αντιληπτή διαφορά μεταξύ δύο χρωμάτων χρησιμοποιώντας τον τύπο Delta E (ΔE) 2000. Συγκρίνετε χρώματα και μετρήστε πόσο παρόμοια ή διαφορετικά φαίνονται στο ανθρώπινο μάτι.

Επικυρώστε δεκαεξαδικούς κωδικούς χρωμάτων, ανιχνεύστε τύπο μορφής και προβάλλετε λεπτομερείς πληροφορίες χρώματος με τιμές RGB και HSL.

Δημιουργήστε φίλτρα CSS για εικόνες με ζωντανή προεπισκόπηση.

Δημιουργήστε φίλτρο backdrop CSS με ζωντανή προεπισκόπηση.

Υπολογίστε και οπτικοποιήστε την καμπυλότητα της οθόνης από τις προδιαγραφές.

Δημιουργήστε προσαρμόσιμες εικόνες placeholder SVG με κείμενο, χρώματα και διαστάσεις για ανάπτυξη ιστού και σχεδιαστικά mockups.

Συγκρίνετε και μετατρέψτε τις βαθμίδες γραφίτη μολυβιού σε διάφορες μάρκες και κλίμακες (HB, αριθμητική, Staedtler, Faber-Castell, Derwent).

Μετατρέψτε μεταξύ μονάδων μήκους CSS συμπεριλαμβανομένων pixels (px), εκατοστών (cm), χιλιοστών (mm), ιντσών (in), σημείων (pt) και picas (pc).

Διαδραστική προεπισκόπηση και αναφορά για όλες τις τιμές CSS cursor με ζωντανή επίδειξη

Μετατρέψτε παλιό CSS του Internet Explorer σε σύγχρονα πρότυπα. Αυτόματα μετασχηματίζει φίλτρα ειδικά για IE (αδιαφάνεια, κλίσεις), προθέματα πωλητή (-ms-), παλιά σύνταξη flexbox/grid, hacks επιλογέα και ιδιοκτησίες χωρίς άδεια σε καθαρά, σύγχρονα ισοδύναμα CSS.

Δημιουργήστε διαμορφώσεις μετάβασης spring του Framer Motion με διαδραστικούς δρομείς, προεπισκόπηση της αίσθησης και αντιγραφή ενός έτοιμου αποσπάσματος.

Δημιουργήστε αρμονικές χρωματικές παλέτες χρησιμοποιώντας AI. Περιγράψτε την επιθυμητή σας διάθεση, θέμα ή στυλ και αφήστε την τεχνητή νοημοσύνη να δημιουργήσει ένα συνεκτικό χρωματικό σχήμα με ονόματα και περιγραφές για κάθε χρώμα.

Περιγράψτε ένα στοιχείο διεπαφής με λόγια και δημιουργήστε τον αντίστοιχο κώδικα CSS.

Δημιουργήστε προσαρμόσιμα panels για Twitch, Discord ή κοινωνικά μέσα. Δημιουργήστε επαγγελματικά εμφανιζόμενες εικόνες για προδιαγραφές PC, κανόνες, ενότητες σχετικά με και άλλα με πολλαπλά στυλ σχεδίασης.

Δημιουργήστε προσαρμόσιμες δοκιμαστικές σελίδες εκτύπωσης για βαθμονόμηση εκτυπωτή και δοκιμή ποιότητας. Δημιουργήστε σελίδες με χρωματικές ράβδους, κλίσεις κλίμακας του γκρι, σημάδια ευθυγράμμισης, δείγματα κειμένου και μοτίβα πλέγματος.

Δημιουργήστε και εξερευνήστε κωδικούς χρώματος CMYK με διαδραστικούς δρομείς. Δημιουργήστε προσαρμοσμένα χρώματα CMYK ή δημιουργήστε τυχαίους συνδυασμούς. Ιδανικό για σχεδιασμό εκτύπωσης, branding και εξερεύνηση χρώματος με άμεση μετατροπή σε RGB, HEX και άλλες μορφές.

Δημιουργήστε προσαρμόσιμα πλέγματα διαφάνειας CSS με μοτίβα σκακιέρας για εμφάνιση διαφανών εικόνων και στοιχείων

Δημιουργήστε προσαρμοσμένες αφίσες demotivational με κλασικά μαύρα περιγράμματα και κείμενο

Δημιουργήστε οπτικές εικόνες συντόμευσης πληκτρολογίου για σεμινάρια και τεκμηρίωση. Καταγράψτε συνδυασμούς πλήκτρων, επιλέξτε στυλ Windows/Mac/Generic και εξαγάγετε ως PNG, JPG ή WEBP. Ιδανικό για τη δημιουργία οδηγών βοήθειας, υλικών εκπαίδευσης και τεκμηρίωσης λογισμικού.

Μετατρέψτε στυλ CSS σε κλάσεις χρησιμότητας Tailwind CSS αμέσως. Μετατρέψτε παραδοσιακή σύνταξη CSS σε σύγχρονες κλάσεις Tailwind. Ιδανικό για μετανάστευση έργων σε Tailwind ή μάθηση ισοδύναμων Tailwind ιδιοτήτων CSS.

Εξάγετε κυρίαρχα χρώματα από εικόνες χρησιμοποιώντας κβαντοποίηση χρώματος. Αναλύστε φωτογραφίες για να βρείτε την κύρια παλέτα χρωμάτων τους.

Δημιουργήστε όμορφα CSS gradients με επιλογές γραμμικού, ακτινικού και κωνικού. Προεπισκοπήστε ζωντανά και αντιγράψτε τον παραγόμενο κώδικα CSS.

Δημιουργήστε προσαρμόσιμες εικόνες αναλογικού ρολογιού με συγκεκριμένες ρυθμίσεις ώρας. Κατεβάστε ως PNG ή SVG.

Μετατρέψτε μεταξύ χρωμάτων Tailwind CSS και κανονικών μορφών όπως HEX, RGB, HSL. Βρείτε την πλησιέστερη αντιστοίχιση χρώματος Tailwind για οποιοδήποτε χρώμα.

Μετατρέψτε αρνητικές ταινίες σε θετικές φωτογραφίες αντιστρέφοντας τα χρώματα. Μετατρέψτε σαρωμένες αρνητικές εικόνες σε κανονικές, προβάσιμες φωτογραφίες αμέσως.

Αφαιρέστε συγκεκριμένα χρώματα από εικόνες με προσαρμόσιμη ανοχή και εξομάλυνση άκρων

Υπολογίστε τις διαστάσεις του χαρτιού για σειρές ISO A, B, C και μεγέθη US σε χιλιοστά, εκατοστά, ίντσες, εικονοστοιχεία και σημεία

Δημιουργήστε φύλλα συμπαγούς χρώματος σε όλη τη σελίδα για εκτύπωση. Επιλέξτε οποιοδήποτε χρώμα, επιλέξτε μέγεθος και προσανατολισμό χαρτιού και εκτυπώστε ή κατεβάστε ως HTML.

Δημιουργήστε όμορφες εικόνες αποσπασμάτων με προσαρμοσμένα φόντα, γραμματοσειρές και στυλ για τα κοινωνικά μέσα

Δημιουργήστε επαγγελματικά στιγμιότυπα Chrome Web Store με πλαίσια περιηγητή, προωθητικό κείμενο και επώνυμα φόντα για καταχωρήσεις επεκτάσεων

Ανεβάστε ένα αρχείο προσαρμοσμένου δείκτη (.cur, .ani, .png, .svg, .ico) και δοκιμάστε πώς φαίνεται σε μια περιοχή ζωντανής προεπισκόπησης.