Όμορφες παλέτες. Επαληθευμένη αντίθεση. Ένα workflow.
Εισάγετε ένα χρώμα μάρκας. Λάβετε μια αρμονική παλέτα, κάθε έκδοση WCAG και εξαγωγές για CSS, Tailwind και Figma — χωρίς να φύγετε από τη σελίδα.
Πακέτα από $5/μήνα — ακυρώστε οποιαδήποτε στιγμή
Δημιουργία παλέτας
Επιλέξτε ένα χρώμα brand. Το ColorWell δημιουργεί τα υπόλοιπα.
Ανάλογο
Αποχρώσεις (ανοιχτό → σκούρο)
Εξαγωγή
Λήψη design tokens
ProΑποθηκεύστε την πλήρη παλέτα και την κλίμακα αποχρώσεων ως έτοιμα αρχεία.
Αναβαθμίστε σε Pro για λήψη αρχείων
Έλεγχος αντίθεσης
Συνδυάστε δύο χρώματα από την παλέτα. Το ColorWell εμφανίζει την αξιολόγηση WCAG.
Αποτίμηση: Αποτυγχάνει στο WCAG
Όλα όσα χρειάζεται μια παλέτα μάρκας
Χτισμένο για ενεργούς σχεδιαστές και ομάδες front-end που παραδίδουν διεπαφές καθημερινά.
Αρμονικές παλέτες
Επιλέξτε οποιοδήποτε χρώμα hex. Το ColorWell δημιουργεί αναλογικά, συμπληρωματικά, τριαδικά και μονοχρωματικά σχήματα με ένα κλικ.
Αντίθεση WCAG — άμεσα
Κάθε ζεύγος χρωμάτων στην παλέτα σας λαμβάνει έκδοση AA/AAA για κείμενο, μεγάλα κείμενα και στοιχεία UI.
Εξαγωγές σε CSS, Tailwind, Figma
Εξαγωγή με ένα κλικ σε μεταβλητές CSS, config Tailwind, ωμά tokens JSON ή έτοιμα για επικόλληση στυλ Figma.
Ασφαλείς παραλλαγές μάρκας
Ανοίξτε, σκοτεινιάστε και αυξήστε τον κορεσμό χωρίς αλλαγή της απόχρωσης. Το ColorWell παραμένει εντός του αισθητήριου χρωματικού χώρου (Oklch).
Ονομασμένα tokens
Αυτόματες ονομασίες όπως "indigo-500" ή "slate-700" κρατούν το stylesheet σας ευανάγνωστο για ανθρώπους, όχι κωδικούς hex.
Αποθήκευση & συγχρονισμός παλετών
Κάθε παλέτα που δημιουργείτε είναι δική σας — ονομάστε την, προσθέστε ετικέτες, επιστρέψτε αργότερα. Συγχρονισμός cloud για Pro.
Τρία βήματα
Ξεκινήστε από ένα χρώμα μάρκας. Ολοκληρώστε με ένα λειτουργικό stylesheet.
Επιλογή
Εισάγετε μια τιμή hex ή χρησιμοποιήστε τον επιλογέα χρωμάτων.
Δημιουργία
Το ColorWell δημιουργεί αρμονικές παλέτες και εκτελεί κάθε έλεγχο αντίθεσης.
Εξαγωγή
Αντιγράψτε tokens CSS, Tailwind ή Figma — απευθείας στο codebase σας.
Απλή τιμολόγηση
Επιλέξτε ένα πλάνο και σταματήστε να παλεύετε με κωδικούς hex.
Για μεμονωμένους σχεδιαστές
- 100 αποθηκευμένες παλέτες / μήνα
- Απεριόριστοι έλεγχοι αντίθεσης
- Εξαγωγή σε CSS / Tailwind / JSON
- Ασφαλείς παραλλαγές για το brand
Για ομάδες branding
- 2000 αποθηκευμένες παλέτες / μήνα
- Εξαγωγή tokens για Figma
- Brand kit (πολυπασλετικές εργασίες)
- Βιβλιοθήκες συγχρονισμένες με το cloud
- Προτεραιότητα στην υποστήριξη
Συχνές ερωτήσεις
Χρειάζεται εγκατάσταση;
Όχι. Το ColorWell λειτουργεί εξ ολοκλήρου στον browser — τα χρώματά σας δεν εγκαταλείπουν τη συσκευή σας έως ότου επιλέξετε να τα συγχρονίσετε.
Ποιο χρωματικό χώρο χρησιμοποιείτε;
Το ColorWell χρησιμοποιεί τον χώρο Oklch — οι παραλλαγές παραμένουν εντός του perceptual χρωματικού χώρου, ώστε ο φωτισμός ενός χρώματος brand να μην μεταβάλλει τον τόνο του.
Πώς λειτουργούν οι εξαγωγές;
Αντιγραφή με ένα κλικ στο clipboard για μεταβλητές CSS, blocks διαμόρφωσης Tailwind, raw JSON ή έτοιμα για Figma styles. Επικολλήστε τα απευθείας στον κώδικα ή στο εργαλείο σχεδιασμού σας.
Υπάρχει δωρεάν δοκιμαστική περίοδος;
Όχι — πρόκειται για επί πληρωμή εργαλείο με πλάνα από $5 τον μήνα. Το Starter είναι $5/μήνα και το Pro είναι $15/μήνα. Μπορείτε να ακυρώσετε ανά πάσα στιγμή.
Πώς ακυρώνω;
Από τη σελίδα λογαριασμού ή μέσω email. Η ακύρωση σταματά την επόμενη ανανέωση — ο υπόλοιπος χρόνος σας παραμένει ενεργός.
Σταματήστε το χειροκίνητο tuning των hex codes.
Δημιουργήστε την παλέτα, δημοσιεύστε το stylesheet — όλα σε ένα μέρος.
Προβολή πλάνων