← Εργαλεία
Σχεδιασμός & CSS
Δημιουργήστε χρώματα, ανταποκρίνεται το μέγεθος και έτοιμο για παραγωγή CSS.
Χρώμα & Προσβασιμότητα
- Μετατροπέας χρωμάτωνΜετατρέψτε χρώματα μεταξύ HEX, RGB, HSL, HSV, CMYK και LAB — επεξεργαστείτε οποιοδήποτε πεδίο και τα υπόλοιπα ενημερώνονται αυτόματα.Εξειδικευμένες σελίδες (8)
- Έλεγχος αντίθεσης χρωμάτωνΕισαγάγετε ένα χρώμα κειμένου και φόντου για να δείτε την αναλογία αντίθεσης WCAG και ποια επίπεδα AA και AAA ικανοποιούνται.
CSS Διάταξη & Εφέ
- Γεννήτρια Box ShadowΣύρετε τα ρυθμιστικά για να διαμορφώσετε μια σκιά πλαισίου, συνδυάστε επίπεδα για βάθος και αντιγράψτε το έτοιμο CSS αμέσως.
- Γεννήτρια διαβαθμίσεων (Gradient)Δημιουργήστε μια γραμμική, ακτινωτή ή κωνική διαβάθμιση, προσθέστε σημεία χρώματος, ορίστε την κατεύθυνση και αντιγράψτε το CSS με ένα κλικ.
- Γεννήτρια Border RadiusΣτρογγυλέψτε κάθε γωνία με ρυθμιστικά, δημιουργήστε οργανικά σχήματα με την ελλειπτική λειτουργία και αντιγράψτε το CSS αμέσως.
- Γεννήτρια FlexboxΡυθμίστε έναν περιέκτη flex και τα στοιχεία του με οπτικά χειριστήρια, δείτε τη διάταξη να αντιδρά ζωντανά και αντιγράψτε το CSS με ένα κλικ.
- Γεννήτρια CSS GridΟρίστε τις στήλες και τις σειρές σας, σύρετε το ποντίκι στα κελιά για να τοποθετήσετε στοιχεία και αντιγράψτε το CSS και το HTML με ένα κλικ.
- Γεννήτρια CSS Cubic BezierΣύρετε τις δύο λαβές για να διαμορφώσετε μια καμπύλη κίνησης, δείτε τη σύγκριση με μια σταθερή κίνηση και αντιγράψτε την τιμή cubic-bezier().
- Υπολογιστής CSS clamp()Εισαγάγετε ένα μέγεθος για μικρές και μεγάλες οθόνες και λάβετε μια ρευστή τιμή clamp() που κλιμακώνεται ομαλά ενδιάμεσα — για γραμματοσειρές, padding, περιθώρια ή κενά.
Επιθεώρηση & Αδειοδότηση Γραμματοσειρών
Οθόνη, Εκτύπωση & Αναλογίες
- Μετατροπέας Pixel / DPIΜετατρέψτε pixel σε ίντσες, cm και mm σε οποιοδήποτε DPI/PPI — ιδανικό για σχεδιασμό οθονών και εργασίες εκτύπωσης.
- Υπολογιστής PPI ΟθόνηςΕισαγάγετε ανάλυση και μέγεθος οθόνης για να λάβετε την πυκνότητα pixel, το βήμα κουκκίδας, τις φυσικές διαστάσεις και πολλά άλλα.
- Μετατροπέας px σε rem & emΜετατρέψτε μεταξύ px, rem και em χρησιμοποιώντας τα δικά σας μεγέθη βάσης και πλαισίου — επεξεργαστείτε οποιοδήποτε πεδίο και τα άλλα δύο ενημερώνονται αυτόματα.
Δεν υπάρχουν εργαλεία που να ταιριάζουν σε αυτήν την κατηγορία.