Πώς να διαλέξεις χρώματα για ιστοσελίδα
Μια διεπαφή συνήθως χρειάζεται μόνο ένα κύριο χρώμα μάρκας, ένα χρώμα έμφασης για ενέργειες (κουμπιά, συνδέσμους) και μια κλίμακα γκρι για φόντα, περιγράμματα και κείμενο. Μείνε συνεπής: χρησιμοποίησε πάντα τους ίδιους κωδικούς HEX και εφάρμοσέ τους με μεταβλητές CSS.
Αντίγραψε την παλέτα ως CSS
Κάθε κάρτα έχει ένα κουμπί που αντιγράφει το CSS και των πέντε χρωμάτων. Επικόλλησέ το στο φύλλο στυλ σου και μετονόμασε τις μεταβλητές όπως ταιριάζει στο έργο σου. Μπορείς επίσης να αντιγράψεις ένα μόνο χρώμα κάνοντας κλικ πάνω του.
Αντίθεση και προσβασιμότητα
Πριν δημοσιεύσεις, βεβαιώσου ότι το κείμενο διαβάζεται καλά πάνω στο φόντο του. Με τον έλεγχο αντίθεσης επιβεβαίωσε ότι καλύπτεις το επίπεδο WCAG AA ή AAA. Μετράει για την προσβασιμότητα, αλλά και για την κατάταξη στις μηχανές αναζήτησης.
Θέλεις να φτιάξεις τη δική σου παλέτα από το μηδέν; Δοκίμασε τη γεννήτρια χρωματικών παλετών, πάρε μια παλέτα από εικόνα ή έλεγξε την αντίθεση χρωμάτων.