Εργαλεία Σχεδίασης
Γρήγορα εργαλεία για εργασίες front-end και οπτικού σχεδιασμού, με έτοιμο για αντιγραφή CSS και ελέγχους προσβασιμότητας με βάση τον τύπο αντίθεσης WCAG.
7 εργαλεία
Εργαλεία σε αυτήν την κατηγορία
- Μετατροπέας χρωμάτωνΜετατρέψτε χρώματα μεταξύ HEX, RGB, HSL, HWB, OKLCH και απλοϊκού CMYK. Επικολλήστε οποιοδήποτε χρώμα CSS ή χρησιμοποιήστε τον επιλογέα και αντιγράψτε κάθε μορφή. Λειτουργεί στο πρόγραμμα περιήγησής σας.
- Έλεγχος αντίθεσηςΕλέγξτε τον λόγο αντίθεσης WCAG 2.2 χρωμάτων κειμένου και φόντου, δείτε αποτελέσματα AA και AAA για κείμενο και στοιχεία UI και βρείτε το πλησιέστερο χρώμα που περνά.
- Γεννήτρια διαβαθμίσεων CSSΔημιουργήστε γραμμικές, ακτινωτές και κωνικές διαβαθμίσεις CSS με 2 έως 6 χρωματικά σημεία, ορίστε γωνία και θέσεις, δείτε ζωντανή προεπισκόπηση και αντιγράψτε το CSS φόντου.
- Γεννήτρια Box ShadowΣχεδιάστε σκιές box-shadow σε CSS με πολλά επίπεδα: μετατόπιση, θόλωση, spread, χρώμα, αδιαφάνεια και inset. Κάντε προεπισκόπηση σε οποιοδήποτε φόντο και αντιγράψτε το CSS box-shadow.
- Γεννήτρια Χρωματικής ΠαλέταςΔημιουργήστε συμπληρωματικές, ανάλογες, τριαδικές, τετραδικές, διαχωρισμένες συμπληρωματικές και τονικές παλέτες από ένα χρώμα. Κλειδώστε χρώματα και αντιγράψτε HEX, CSS ή JSON.
- Μετατροπέας PX σε REMΜετατρέψτε px σε rem ή em και αντίστροφα με οποιοδήποτε μέγεθος γραμματοσειράς ρίζας (προεπιλογή 16px). Περιλαμβάνει πίνακα συνηθισμένων μεγεθών και μετατρέπει τιμές px σε ολόκληρα αποσπάσματα CSS.
- Υπολογιστής Αναλογίας ΔιαστάσεωνΒρείτε το πλάτος ή το ύψος που λείπει για οποιαδήποτε αναλογία διαστάσεων, απλοποιήστε διαστάσεις όπως 1920×1080 σε 16:9, δείτε προεπισκόπηση του σχήματος και αντιγράψτε τον κανόνα CSS aspect-ratio.