Εργαλεία χρωμάτων

Γεννήτρια παλέτας: Σχήματα, αποχρώσεις και εξαγωγή – Δωρεάν

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

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

Φτιάξε από ένα χρώμα

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

Αποχρώσεις του #2F5BFF

Πάτα μια απόχρωση για να την αντιγράψεις. Διάλεξε άλλο χρώμα στην παλέτα για να δεις τις αποχρώσεις του.

Εξαγωγή

Οι παλέτες δημιουργούνται στη συσκευή σου.

Γιατί να χρησιμοποιήσεις το Γεννήτρια παλέτας χρωμάτων

100% δωρεάν
Χρησιμοποίησέ το όσο συχνά θες. Χωρίς εγγραφή, χωρίς υδατογράφημα, χωρίς εγκατάσταση.
Ιδιωτικό από τη σχεδίασή του
Ό,τι γράφεις μένει στο πρόγραμμα περιήγησής σου και δεν μας στέλνεται ποτέ.
Λειτουργεί σε κάθε συσκευή
Τρέχει στο πρόγραμμα περιήγησης σε Windows, Mac, Linux, Android και iPhone. Δεν χρειάζεται εφαρμογή.

Πώς χρησιμοποιείς το Γεννήτρια παλέτας χρωμάτων

  1. Πάτα «Δημιούργησε παλέτα» ή το πλήκτρο διαστήματος, μέχρι να δεις χρώματα που σου αρέσουν.
  2. Πάτα «Κλείδωσε» σε οποιοδήποτε χρώμα για να μείνει ως έχει, ενώ αλλάζουν τα υπόλοιπα. Χρησιμοποίησε «Επεξεργάσου» για να προσαρμόσεις ένα χρώμα με τον επιλογέα.
  3. Για να ξεκινήσεις από δικό σου χρώμα, γράψε το στο «Φτιάξε από ένα χρώμα», διάλεξε αρμονία (Ανάλογη, Συμπληρωματική, Διαιρεμένη συμπληρωματική, Τριαδική, Τετραδική ή Μονοχρωματική) και πάτα «Εφάρμοσε».
  4. Πάτα τον κωδικό HEX ενός χρώματος για να δεις τις 11 αποχρώσεις του, από 50 έως 950. Πάτα μια απόχρωση για να την αντιγράψεις.
  5. Στο «Εξαγωγή», διάλεξε Μεταβλητές CSS, Tailwind, JSON ή Λίστα HEX, και μετά «Αντίγραψε» ή «Λήψη».

Συχνές ερωτήσεις

Πώς φτιάχνω παλέτα από ένα χρώμα;

Γράψε ή διάλεξε το χρώμα σου στο «Φτιάξε από ένα χρώμα», διάλεξε αρμονία και πάτα «Εφάρμοσε». Παίρνεις πέντε χρώματα που ταιριάζουν με αυτό, και τα χρώματα που έχεις κλειδώσει μένουν ως έχουν.

Τι είναι οι αρμονίες χρωμάτων;

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

Ποια αρμονία να διαλέξω;

Οι ανάλογες και οι μονοχρωματικές δίνουν ηρεμία και ταιριάζουν στα περισσότερα sites και brands. Οι συμπληρωματικές και οι τριαδικές δίνουν πιο έντονη αντίθεση, και ταιριάζουν σε έμφαση, κουμπιά και παιχνιδιάρικα σχέδια.

Τι είναι οι αποχρώσεις και οι τόνοι;

Πιο σκούρες και πιο ανοιχτές εκδοχές ενός χρώματος. Η κλίμακα αποχρώσεων έχει έντεκα βήματα, από το 50 (το πιο ανοιχτό) έως το 950 (το πιο σκούρο), στην ίδια απόχρωση, όπως τις ονομάζουν τα συστήματα σχεδίασης.

Πώς χρησιμοποιώ την παλέτα στον κώδικά μου;

Κάνε εξαγωγή ως μεταβλητές CSS (--color-1 έως --color-5), ως μπλοκ @theme για Tailwind, ως πίνακα JSON ή ως απλή λίστα κωδικών HEX, και μετά αντίγραψέ την ή κατέβασέ την ως αρχείο.

Λειτουργεί η εξαγωγή Tailwind με το Tailwind CSS v4;

Ναι. Είναι ένα μπλοκ @theme με --color-palette-100 έως --color-palette-500, που το Tailwind v4 μετατρέπει σε κλάσεις όπως bg-palette-100. Για v3, αντίγραψε τους κωδικούς HEX στην ενότητα colors του αρχείου ρυθμίσεων.

Μπορώ να κρατήσω μερικά χρώματα και να αλλάξω τα υπόλοιπα;

Ναι. Κλείδωσε τα χρώματα που θες να μείνουν. Το «Δημιούργησε παλέτα» και το «Εφάρμοσε» αλλάζουν μόνο τα ξεκλείδωτα, και μια τυχαία παλέτα φτιάχνεται για να ταιριάζει με το πρώτο κλειδωμένο χρώμα.

Μεταφορτώνεται κάτι;

Όχι. Οι παλέτες φτιάχνονται στη συσκευή σου.

Είναι το Γεννήτρια παλέτας χρωμάτων δωρεάν;

Ναι. Είναι δωρεάν στη χρήση, χωρίς εγγραφή και χωρίς εγκατάσταση.

Βοήθεια και οδηγοί (στα αγγλικά)

Σχετικά εργαλεία